.main{
	padding-bottom: 20rem;
}

.main .menu{
	position: fixed;
	left: 0;
	top: 0;
	width: 45px;
	height: calc(100vh);
	height: -moz-calc(100vh);
	height: -o-calc(100vh);
	height: -webkit-calc(100vh);
	background-color: #f5f6f6;
	z-index: 25;
}
.main .menu .sidebar{
	position: relative;
	z-index: 26;
	display: inline-block;
/*	justify-content: center;
	align-items: center;*/
	width: 45px;
	height: 100%;
	line-height: calc(100vh / 2);
	line-height: -webkit-calc(100vh / 2);
	line-height: -o-calc(100vh / 2);
	line-height: -moz-calc(100vh / 2);
	text-align: center;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.05)
}
.menu .sidebar .m-logo{
	display: none;
}
.main .menu .sidebar .logo img{
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
}
.menu .sidebar .icon{
	position: relative;
	width: 100%;
	height: 100%;
}
.menu .sidebar .icon img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -26.5px;
	margin-left: -17px;
	/*margin-left: -5px;*/
}
.menu .sidebar .logo img{
	padding-top: 50px;
}
.menu .m-sidebar{
	display: none;
}
.main .menu .menu-group{
	position: fixed;
	top: 0;
	left: 45px;
	height: 100%;
	width: 305px;
	background-color: #191919;
	transition: all .3s ease;
	padding-top: 1rem;
	transform: translateX(-100%);
	color: #fff;
}
.main .menu .menu-group.show {
	transform: translateX(0%);
}
.menu .menu-group .menu-item{
	cursor: pointer;
	padding: 1rem 1rem 1rem 2.2rem;
	font-size: 1rem;

}
.menu-title{
	font-weight: normal;
}
.menu-title span:first-child{
	padding-right: .8rem
}
.child-menu-title{
	font-weight: 600;
}
/*.menuact{
	display: block !important;
}*/
.menu .menu-group .menu-item a{
	text-decoration: none;
	font-weight: 500;
	color: #fff;
	transition: all .3s ease;
}
.menu-group .menu-item .menu-close{
	/*padding-left: .8rem;*/
	display: inline-block;
	width: 15px;
	text-align: center;
	color: #595757;

}
.menu-group .menu-item:hover >a{
	color: #e52c41;
}
.pmenuact >a{
	color: #e52c41 !important;
}
.pmenuact >p{
	color: #e52c41 !important;
}
.pmenuact > span{
	color: #e52c41 !important;
}
.menu-group .menu-item .child-menu{
	display: none;
}
.menu .menu-icon{
	display: none;
}
.menu-item .child-menu{
	padding-top: 1.5rem;
}
.menu-item .child-menu .child-menu-item{
	cursor: pointer;
	padding: .5rem 0 .5rem 1rem;
	font-size: .8rem;
}
.menu-item .child-menu .child-menu-item span{
	color: #b3b3b2;
	font-weight: 500;
	transition: all .3s ease;
}
.menu-item .child-menu .child-menu-item:hover span{
	color: #e52c41;
}

/*rightbar*/
.rightbar{
	position: fixed;
	right: 2rem;
	top: 50%;
	width: 1.5rem;
	height: auto;
	z-index: 22;
}
.rightbar ul {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: auto;
}
.rightbar ul li{
	display: inline-block;
	/*display: inline-flex;*/
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
/*	justify-content: center;
	align-items: center;*/
	/*padding: 1rem 0;*/
	margin: .5rem 0;
}
.rightbar ul li a{
	display: inline-block;
	width: .65rem;
	height: .65rem;
	background-color: #595757;
	border-radius: 50%;
}
.rightbar ul li:hover{
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #e52c41;
}
.rightbar ul li:hover a{
	background-color: #e52c41 !important;
	width: 1rem;
	height: 1rem;
	margin-top: .2rem;
}
.sidebarAct{
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #e52c41;
}
.sidebarAct a{
	background-color: #e52c41 !important;
	width: 1rem !important;
	height: 1rem !important;
	margin-top: .2rem;
}

/*mainbody*/
.manibody {
	width: 100%;
}

/*index*/
#index .banner{
	width: 100%;
	position: relative;
/*	height: calc(100vh);
	height: -moz-calc(100vh);
	height: -o-calc(100vh);
	height: -webkit-calc(100vh);*/
}
#index .playVideo{
	position: absolute;
	bottom: 5rem;
	left: 0;
	width: 100%;
	text-align: center;
}

#index .banner .banner-item{
	width: 100%;
	height: 100%;
}
#index .banner .banner-item .banner-img{
	width: 100%;
	/*height: 100%;*/
	height: calc(100vh / 3 * 2);
	height: -webkit-calc(100vh / 3 * 2);
	height: -moz-calc(100vh / 3 * 2);
	height: -o-calc(100vh / 3 * 2);
	background-size: cover !important;
}

#index .wrap{
	width: 100%;
	height: calc(100vh / 3);
	height: -webkit-calc(100vh / 3);
	height: -o-calc(100vh / 3);
	height: -moz-calc(100vh / 3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: column;
}

#index .group-line{
	width: 100%;
}

/* #index .digital-logo{
	text-align: center;
	width: 100%;
	margin-top: 6rem;
}
#index .digital-logo img{
	width: 100%;
} */



/*company-info*/
#company-info{
	text-align: center;;
}
#company-info .gaishu{
    display: block;
}
#company-info .gaishu2{
    display: none !important;
}
#company-info .digital-logo{
	width: 100%;
	/* height: 9rem; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* padding: 0 15rem; */
	display: inline-block;
/*	display: inline-flex;
	justify-content: center;
	align-items: center;*/
	font-size: 0;
	padding: 2.2rem 0;
}
#company-info .digital-logo img{
	width: 100%;
}
.page-title{
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	color: #3e3a39;
}
.company-info .page-title{
	/* padding-top: 8.5rem; */
  padding-top: 1.5rem;
	line-height: 1;
}
.company-info .core-title{
	padding-top: 3rem;
}
.digital-item{
	/* position: relative; */
	display: inline-block;
	/* width: calc(100% /3 - 2rem);
	width: -webkit-calc(100% /3 - 2rem);
	width: -moz-calc(100% /3 - 2rem);
	width: -o-calc(100% /3 - 2rem); */
	margin: 0 1rem;
	text-align: center;
	/* padding-top: 2.2rem; */
}
.digital-item .right-line{
	display: inline-block;
	position: absolute;
	right: 0;
	width: 1px;
	height: 40%;
	background-color: #cdcece;
	top: 30%;
}
.digital-item .left-line{
	display: inline-block;
	position: absolute;
	left: 0;
	width: 1px;
	height: 40%;
	background-color: #cdcece;
	top: 30%;
}
.digital-item .text{
	font-size: .8rem
}
.digital-item:first-child{
	text-align: left;
}
.digital-item:last-child{
	text-align: right;
}
.digital-item span{
	display: inline-block;
	width: 100%;
	color: #fff;
	width: 100%;
}
.digital-item .year,
.digital-item .people,
.digital-item .money
{
	font-size: 2rem;
	font-weight: bold;
}
.his{
	position: relative;
}
.dig_logo{
	position: absolute;
	bottom: -2rem;
	left: 50%;
	width: 94%;
	height: 22rem;
	margin-left: -47%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 22;
	transform: scale(.8);
}
.dig_logo img{
	width: 100%;
}
#company-info .page-detail{
	/*width: 100%;*/
	/*padding: 0 15rem;*/
	/* width: 1200px; */
	padding-top: 2rem;
	display: inline-flex;
	justify-content: space-between;
	margin: 0 auto;
}

#company-info .page-detail .right{
	display: inline-block;
	width: 100% !important;
}
#company-info .page-detail .left{
	font-size: 0.8rem;
	/*padding-top: 0.2rem 0;*/
	text-align: left;
	line-height: 1.5rem;
	/* margin-right: 2rem; */
	color: #595757;
	width: 100% !important;

}
#company-info .page-detail .right img{
	vertical-align: top;
}
#company-info .page-detail .left p{
	margin-bottom: 1.5rem;
	color: #595757;
}
#company-info .page-detail .left p:last-child{
	margin-bottom: 0
}
#company-info .page-detail .left p:first-child{
	margin-top: -.35rem;
}
.m-core-business{
	display: none;
}
.core-business {
	padding: 3rem 5.5rem 0 5.5rem;
	font-size: 0;
}
.core-business .core-item{
	display: inline-block;
	position: relative;
	font-size: 0;
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: -o-calc(100% / 3);
	cursor: pointer;
}
.core-business .core-item img{
	width: 100%;
}

.boss-quotation {
	/*max-width: 1600px;*/
	width: 100%;
	font-size: 0rem;
	margin: 0 auto;
	padding: 3rem 10.75rem;
	background-color: #f4f4f5;
}
.boss{
	padding: 4.5rem 5.5rem 0 5.5rem;
}
.boss-say{
	display: none !important;
}
.boss-say2{
	display: block !important;
}
.boss-quotation .left{
	display: inline-block;
	/* width: 20%; */
	font-size: 0.8rem;
	text-align: left;
	/*padding-left: 5%;*/
}
.boss-quotation .boss-detail p{
	color: #595757;
}
.boss-desc .name{
	font-size: 1rem;
	margin-top: 1.5rem;
	margin-bottom: .5rem;
	font-weight: bold;
	color: #595757;
}
.shadow{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: transparent;
	display: none;
	z-index: 15;
}
.boss-desc .position{
	font-size: .8rem;
	margin-bottom: 0.5rem;
	text-align: left;
	/*font-weight: bold;*/
	color: #595757;
}
.boss-page-title{
	padding-top: 0
}
.page-company-curl{
	padding-top: 2rem;
}
.adv{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 1rem;
}

.adv img{
	width: 100%;
}

.boss-quotation .right{
	display: inline-block;
	width: 100% !important;
	font-size: 0.8rem;
	vertical-align: top;
	padding-left: 2rem;
}
.boss-quotation .right .page-title{
	margin-top: -.5rem;
	padding-top: 0;
	text-align: left;
	padding-bottom: 1.2rem;
	color: #595757;
	font-size: 2rem;
}
.boss-quotation .right p{
	line-height: 1.5rem;
	text-align: left;
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
}
.boss-quotation .right p:last-child{
	margin-bottom: 0
}

.progress-his-page{
	padding-bottom: 4rem !important;
	padding-top: 4rem !important;
}
.m-progress-his{
	display: none;
}
.progress-his{
	width: 100%;
	height: calc(100vh - 17.5rem);
	height: -o-calc(100vh - 17.5rem);
	height: -moz-calc(100vh - 17.5rem);
	height: -webkit-calc(100vh - 17.5rem);
	padding: 5rem 0;
	border-top: 7px solid #e32c41;
	text-align: center;
	background-color: #f5f6f6;
	position: relative;
	background-image: url('../images/9.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.progress-his .content{
	position: relative;
	height: 100%;
	width: 80%;
	margin: 0 auto;
	overflow-x: hidden;
}
.progress-his .content .center-line{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.5px;
	height: 1px;
	width: 100%;
	background-color: #333;
}

.progress-his .his-group{
	position: relative;
	font-size: 0;
	transition: all .3s ease-in-out;
}
.progress-his .his-group .his-item{
	position: absolute;
	width: 9.5rem;
	height: auto;
	display: inline-block;
	font-size: .7rem;
	color: #595757;
	cursor: pointer;
	z-index: 23;
}
.progress-his .his-group .his-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.progress-his .his-group .his-item:nth-child(odd) {
	vertical-align:top;
	top: 40px;
}
.progress-his .his-group .his-item:nth-child(odd) .his-desc {
	margin-top: 1.5rem;
}
.progress-his .his-group .his-item:nth-child(odd) .trangle {
    width:0px;
    height:0px;
    border-top: 1rem solid rgba(0,0,0,0);
    border-right: 1rem solid  rgba(0,0,0,0);
    border-bottom: 1rem solid #e4e4e4;
    border-left: 1rem solid  rgba(0,0,0,0);
    top: -2rem;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
}
.progress-his .his-group .his-item:nth-child(odd):hover .trangle {
    width:0px;
    height:0px;
    border-bottom: 1rem solid #e52c41;
}
.progress-his .his-group .his-item:nth-child(even):hover .trangle {
    width:0px;
    height:0px;
    border-top: 1rem solid #e52c41;
}
.progress-his .his-group .his-item:nth-child(even) .trangle {
    width:0px;
    height:0px;
    border-top: 1rem solid #e4e4e4;
    border-right: 1rem solid  rgba(0,0,0,0);
    border-bottom: 1rem solid rgba(0,0,0,0);
    border-left: 1rem solid  rgba(0,0,0,0);
    bottom: -2rem;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
}
.his-active .his-title{
	background-color: #e52c41 !important;
	color: #fff !important;
}
.his-active .pointe{
	background-color: #e52c41 !important;
}

.his-active:nth-child(odd) .trangle{
	border-bottom: 1rem solid #e52c41 !important;
}

.his-active:nth-child(even) .trangle{
	border-top: 1rem solid #e52c41 !important;
}
.progress-his .his-group .his-item:nth-child(even) {
	vertical-align:bottom;
}
.progress-his .his-group .his-item:nth-child(even) .his-desc{
	margin-bottom: 1.5rem;
}
.his-group .his-item .his-title{
	/*padding: .2rem .5rem;*/
	background-color: #e4e4e4;
	font-size: 2rem;
	color: #727171;
	text-align: center;
	font-family: dinp;
	text-align: center;
	/*display: inline-flex;*/
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	width: 100%;
}
.his-group .his-item .his-desc{
	font-size: .7rem;
	color: #595757;
	line-height: 1.25rem;
	text-align: left;
}
.his-group .his-item:hover .his-title{
	background-color: #e52c41 !important;
	color: #fff !important;
}

.his-item:nth-child(odd) .pointe{
	position: absolute;
	width: .8rem;
	height: .8rem;
	background-color: #595757;
	left: 50%;
	top: -2.4rem;
	margin-left: -.4rem;
	border-radius: 50%;
}
.his-item:hover .pointe{
	background-color: #e52c41 !important;
}
.his-item:nth-child(even) .pointe{
	position: absolute;
	width: .8rem;
	height: .8rem;
	background-color: #595757;
	left: 50%;
	bottom: -2.4rem;
	margin-left: -.4rem;
	border-radius: 50%;
}

.controll-btn-pre{
	width: 100px;
	height: 100%;
	display: inline-block;
	line-height: calc(100vh - 7rem);
	line-height: -webkit-calc(100vh - 7rem);
	line-height: -moz-calc(100vh - 7rem);
	line-height: -o-calc(100vh - 7rem);
/*	display: inline-flex;
	align-items: center;
	justify-content: center;*/
	position: absolute;
	top: 0;
	left: 3rem;
	background-color: #f5f6f6;
	cursor: pointer;
	z-index: 23;
}
.controll-btn-next{
	width: 100px;
	height: 100%;
	line-height: calc(100vh - 7rem);
	line-height: -webkit-calc(100vh - 7rem);
	line-height: -moz-calc(100vh - 7rem);
	line-height: -o-calc(100vh - 7rem);
	position: absolute;
/*	display: inline-flex;
	align-items: center;
	justify-content: center;*/
	top: 0;
	right: 4rem;
	background-color: #f5f6f6;
	cursor: pointer;
	z-index: 23;
}

/*company-curl*/
.company-curl .m-content {
	display: none;
}
.company-curl{
	width: 100%;
	font-size: 0;
}
.company-curl .content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	/*padding: 3rem 3rem 0rem 3rem;*/
	height: calc(100vh - 12rem);
	height: -webkit-calc(100vh - 12rem);
	height: -moz-calc(100vh - 12rem);
	height: -o-calc(100vh - 12rem);
}
.company-curl .content .left{
	position: relative;
	width: calc(66% - .35rem);
	width: -webkit-calc(66% - .35rem);
	width: -moz-calc(66% - .35rem);
	width: -o-calc(66% - .35rem);
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
.company-curl .content .curl{
	width: 100%;
}
.company-curl .content .left .shiming{
	position: absolute;
	top: 0;
	left: 0;
	width: 32%;
}

.company-curl .content .right{
	position: relative;
	width: calc(34% - .35rem);
	width: -webkit-calc(34% - .35rem);
	width: -o-calc(34% - .35rem);
	width: -moz-calc(34% - .35rem);
	display: inline-block;
	float: right;
	height: 100%;
}
.curl-desc{
	font-size: .8rem;
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem;
    color: #595757;
    line-height: 1.5rem;
    text-indent: 20px;
}
.company-curl .content .right img{
	display: inline-block;
	width: 100%;
}
.company-curl .curl-right-bgc{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}
.company-curl .curl-bgc{
	width: 100%;
	height: calc(50% - .35rem);
	height: -webkit-calc(50% - .35rem);
	height: -o-calc(50% - .35rem);
	height: -moz-calc(50% - .35rem);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
}
.company-curl .curl-bgc:last-child{
	margin-top: 15px;
}



/*旗下公司*/
.companys{
	width: 100%;
	height: 100%;
}

.companys .bgc,
.social .bgc
{
	width: 100%;
	height: 100%;
	min-height: calc(100vh);
	min-height: -webkit-calc(100vh);
	min-height: -o-calc(100vh);
	min-height: -moz-calc(100vh);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.companys .wrap{
	padding: 0 3rem;
	text-align: center;
}
.companys .wrap .company-item{
	/*width: calc(100% / 4 - 4.5rem);*/
	display: inline-block;
	width: 100%;
	height: 239px;
	line-height: 239px;
/*	justify-content: center;
	align-items: center;*/
	border: 1px solid #fff;
	/*height: 126px;*/
	/* margin: 1.25rem 1.25rem; */
	margin-top: 30px;
	vertical-align: top;
	cursor: pointer;
	transition: all .3s ease;
}
.companys .wrap .company-item:hover{
	background-color: #e52c41;
	border-color: #e52c41;
}
.companys .wrap .company-item img{
	vertical-align: middle;
	/*width: 100%;*/
	cursor: pointer;
}

.companys .page-title{
	padding-top: 3rem;
	color: #fff;
	padding-bottom: 1.25rem;
}
.companys .desc{
	width: 80%;
	line-height: 1.5rem;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	padding-bottom:1.25rem;
	margin: 0 auto;
}
.companys .desc p{
	word-break: break-all;
}
.company-detail .modal-dialog{
	width: 80%;
	height: calc(100% - 3rem);
	height: -webkit-calc(100% - 3rem);
	height: -moz-calc(100% - 3rem);
	height: -o-calc(100% - 3rem);
}
.company-detail .modal-content,
.company-detail .modal-body,
.company-detail iframe
{
	width: 100%;
	height: 100%;
}

/*公司详情*/
.company-article {
	width: 100%;
	height: calc(100vh);
	height: -webkit-calc(100vh);
	height: -o-calc(100vh);
	height: -moz-calc(100vh);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* padding: 3rem 0; */
	padding-top: 8%;
	padding-bottom: 4%;
}
.company-article .content{
	padding: 8% 8% 0 8%;
	position: relative;
	/* width: 70%; */
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	overflow-y: auto;
	padding-bottom: 1rem;
}
.company-article .content .mainHead{
	padding: 0 0 3rem 0;
}
.company-article .content .mainHead .title{
	font-size: 2rem;
	text-align: center;
}
.company-article .content .mainContent{
	/* width: 80%; */
	font-size: 0.8rem;
	line-height: 1.5rem;
	text-align: left;
	margin: 0 auto;
}
.company-article .content .mainContent img{
	max-width: 100% !important;
	margin: 0 auto;
}
.company-article .content .page_link{
	text-align: center;
	/*position: absolute;*/
	padding-top: 2.5rem;
	bottom: 2rem;
	width: 100%;
	/* height: 3rem; */
	/* display: inline-flex;
	align-items: center;
	justify-content: center; */
	left: 0;
	background-color: #fff;
}
.company-article .page_link a {
	padding: 0rem 1rem;
	/* color: #fff; */
	background-color: #e52c41;
	font-size: 1rem;
	line-height: 2.5rem;
	/* border-radius: .5rem; */
	/* text-decoration: none !important; */
}

.news .page-title{
	padding-top: 2rem;
	padding-bottom: 1.25rem;
}
.news .section{
	width: 100%;
	/* height: calc(100vh);
	height: -webkit-calc(100vh);
	height: -moz-calc(100vh);
	height: -o-calc(100vh); */
}

#mainpart .chile-content{
	padding: 0 14rem;
	/*text-align: left;*/
	text-align: center;
}

.maincompanys .chile-content .children-selection{
	display: inline-block;
	width: 100%;
	padding: .5rem 1rem;
	border: 1px solid #e7e7e7;
	margin: 0 .9rem;
	cursor: pointer;
	margin-bottom: 1rem;
	text-align: center;
	transition: all .3s ease;
}
.maincompanys .chile-content .children-selection:first-child{
	margin-left:0;
}
.maincompanys .chile-content .children-selection:nth-child(3n){
	margin-right:0;
}
.partcompany .chile-content .children-selection{
	display: inline-block;
	width: calc((100% / 4) - 1.6rem);
	width: -webkit-calc((100% / 4) - 1.6rem);
	width: -moz-calc((100% / 4) - 1.6rem);
	width: -o-calc((100% / 4) - 1.6rem);
	padding: .5rem .5rem;
	border: 1px solid #e7e7e7;
	margin: 0 .9rem;
	cursor: pointer;
	margin-bottom: 1rem;
	text-align: center;
}
.partcompany .chile-content .children-selection:nth-child(4n-3){
	margin-left:0;
}
.partcompany .chile-content .children-selection:nth-child(4n){
	margin-right:0;
}

.itemActivite{
	border-color: #e52c41;
	background-color: #e52c41;
	color: #fff;
}

#mainpart .chile-content .children-selection a{
	font-size: .7rem;
	color: inherit;
	display: block;
}
#mainpart .chile-content .children-selection.active {
	border-color: #e52c41;
	background-color: #e52c41;
	color: #fff;
}

#mainpart .chile-content .children-selection:hover{
	border-color: #e52c41;
	background-color: #e52c41;
	color: #fff;
}

.maincontent{
	padding: 0 14rem;
}
.maincontent iframe{
	width: 100%;
	height: calc(100vh - 12rem);
	height: -webkit-calc(100vh - 12rem);
	height: -moz-calc(100vh - 12rem);
	height: -o-calc(100vh - 12rem);
}

.news-detail{
	width: 100%;
}

.news-list{
	width: 100%;
	padding: 1rem 15px 0 15px;
}
.news-list .news-item{
	box-shadow: 0 0 30px 5px #f0f0f0;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1rem;
	/* border-radius: 1rem; */
	padding: 1.4rem;
}
.news-list .news-img img{
	width: 100%;
	/* width: 36%; */
	/* height: 245px; */
	/* background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem; */
}
.news-list .detail-info{
	position: relative;
	/* display: inline-block;
	vertical-align: top;
	width: calc(64% - 2.5rem);
	width: -webkit-calc(64% - 2.5rem);
	width: -moz-calc(64% - 2.5rem);
	width: -o-calc(64% - 2.5rem);
	margin-left: 2rem;
	height: 100%; */
}
.news-item{
	cursor: pointer;
}
.news-item .detail-info .news-title{
	font-size: 1rem;
	color: #000;
	padding: 0rem 0 .8rem 0;
	/* width: 95%; */
}
.news-item .detail-info .new-desc{
	font-size: .8rem;
	color: #595757;
	line-height: 1.3rem;
	/* width: 95%; */
}
.news-item .createtime{
	/* position: absolute;
	bottom: 1rem;
	right: 5%;
	text-align: right; */
	font-size: 1rem;
	color: #d8d9d9;
}

.news-item .view {
	width: 100%;
	line-height: 33px;
	font-size: 0.8rem;
	/* background: #e32c41; */
	background: #d8d9d9;
	/* color: #fff; */
	cursor: pointer;
	text-align: center;
	margin-top: 60%;
	transition: all .3s ease;
	/* position: absolute;
	right: 15px;
	bottom: 15px; */
}
.news-item .view:hover {
	background: #e32c41;
	color: #fff;
}

/*.news .section iframe{
	width: 100%;
	height: 100%;
}*/
.social .wrap{
	width: 100%;
	padding-top: 4rem;
}
.social .page-title{
	padding: .5rem 0 2rem 0;
	font-weight: normal !important;
}
.social .page-title:first-child{
	padding-top: 2rem;
}
.social .content{
	width: 90%;
	height: calc(100vh - 12rem);
	height: -webkit-calc(100vh - 12rem);
	height: -moz-calc(100vh - 12rem);
	height: -o-calc(100vh - 12rem);
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.social .desc{
	font-size: .8rem;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-top: 2.5rem;
	line-height: 1.5rem;
}
.social-content {
	padding-top: 8rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.social .content .item{

	margin: 0 1rem;
}
.social .content .item .img{
	display: inline-block;
	width: 150px;
	height: 150px;
}
.social .content .item .img img{
	width: 90%;
	/*height: 100%;*/
}
.social .content .item .info{
	display: inline-block;
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	width: -moz-calc(100% - 180px);
	width: -o-calc(100% - 180px);
	margin-left: .7rem;
	vertical-align: top;
	text-align: left;
}
.social .content .item .info p{
	color: #595757;
	padding-top: .2rem;
	font-size: 0.7rem;
	line-height: 1.2rem;
}
.social .item .info .title{
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	/*border-bottom: 1px solid #d6d5d5;*/
	padding-bottom: .75rem;
}
.social .section-child{
	padding-top: 4rem;
}
.social .section-child{
	padding-top: 6rem;
}
.social .section-child .content-img{
	padding-top: 2.5rem;
}
.social .content .social-content{
	text-align: center;
}
.social .content .detatil-img{
	display: inline-block;
	width: calc(100% / 4 - 2rem);
	width: -webkit-calc(100% / 4 - 2rem);
	width: -moz-calc(100% / 4 - 2rem);
	width: -o-calc(100% / 4 - 2rem);
	margin: 0 1rem;
}
.social .jnjp .social-content
{
	padding-top: 2rem;
}
.social .lshb .social-content
{
	padding-top: 2.5rem;
}
.social .shgy .social-content
{
	padding-top: 2.5rem;
}
.social .jnjp .desc,
.social .lshb .desc{
	width: 80%;
}
.social .content-img img{
	width: 13%;
	/* margin-bottom: 1.5rem; */
}
.social .shgy .content-img{
	padding-top: 0;
}
.social .jnjp .desc p,
.social .lshb .desc p{
	text-align: left;
}
.social .shgy .social-content{
	overflow-x: hidden;
	position: relative;
}
.social .arc-group{
	overflow-x: auto;
	transition: all .3s ease-in-out;
}
.social .arc-group .article-item{
	display: flex;
	align-items:stretch;
	float: left;
	justify-content: center;
}

.social .arc-group .left{
	display: inline-block;
	width: 60%;
	vertical-align: top;
	max-width: 700px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.social .arc-group .right{
	display: inline-block;
	width: 35%;
	margin-left: 2%;
	text-align: left;
}
.arc-group .article-item .right .update-time{
	font-size: 2.7rem;
	color: #cccdcd;
	vertical-align: top;
	line-height: 1;
}
.arc-group .article-item .right .title{
	font-size: 1rem;
	color: #3e3a39;
	vertical-align: top;
	padding: 1.8rem 0 1.3rem 0;
}
.arc-group .article-item .right .arc-desc{
	font-size: .7rem;
	color: #595757;
	vertical-align: top;
	line-height: 1.4rem;
}
.social .arc-group .left img{
	width: 100%;
}

.social .shgy-arc-pre{
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	left: 0rem;
	z-index: 11;
	cursor: pointer;
}
.social .shgy-arc-pre img{
	position: relative;
	z-index: 22;
	cursor: pointer;
}
.social .shgy-arc-next{
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	right: 0rem;
	z-index: 11;
	cursor: pointer;
}
.social .shgy-arc-next img{
	position: relative;
	z-index: 22;
	cursor: pointer;
}
.recruit .top-img{
	position: relative;
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 0;
}

.recruit .top-adv{
	position: absolute;
	bottom: -3rem;
	left: 50%;
	/*width: 90%;*/
	width: 1400px;
	margin-left: -700px;
	text-align: center;
	z-index: 1;
}

.recruit .top-adv .left{
	width: 35%;
	display: inline-block;
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.05);
}
.recruit .top-adv .left img{
	width: 100%;
}
.recruit .top-adv .right{
	display: inline-block;
	width: 65%;
	vertical-align: top;
	padding: 1.5rem 1.2rem 2.5rem .25rem;
	/*padding-left: 1.2rem;*/
	background-color: #333;
	font-size: .8rem;
	color: #fff;
}
.top-adv .right .content-title{
	font-size: 2rem;
	color: #fff;
	padding: 1.2rem 0 1.5rem 0;
	font-weight: bold;
	text-align: left;
	line-height: 1;
}
.top-adv .right .content-title small {
	display: inline-block;
	width: 100%;
	font-size: 0.8rem;
}
.top-adv .right .content-detail{
	font-size: .8rem;
	color: #fff;
	line-height: 1.6rem;
	text-indent: 1.6rem;
	text-align: left;
}
.recruit .top-block{
	padding-top: 10rem;
	padding-bottom: 5rem;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #595757;
}
.redpointparent{
	position: relative;
}
.redpointparent .redpoint{
	position: absolute;
	bottom: 40%;
	width: 100%;
	left: 0;
	text-align: center;
}
.recruit .center_line{
	width: 1px;
	background-color: #efefef;
	height: 70%;
	position: absolute;
	top: 15%;
	left: 50%;
	opacity: 0.6;
}
.middle-line{
	width: 1.5rem;
	height: 2px;
	border-radius: .1rem;
	background-color: #595757;
	margin: 2.5rem auto;
}
.recruit .re-category{
	position: relative;
	margin: 0rem auto 0 auto;
	width: 100%;
	padding: 4.5rem 0 ;
	background:url('../images/zhaopin/1.jpg') center no-repeat;
	background-size: cover;
}
.recruit .re-category .re-cate{
	display: inline-block;
	width: calc(50% - 1rem);
	width: -webkit-calc(50% - 1rem);
	width: -moz-calc(50% - 1rem);
	width: -o-calc(50% - 1rem);
	text-align: center;
}
.recruit .re-category .re-cate .img{
	width: 15%;
	margin: 0 auto;
	max-width: 126px;
}
.re-category .re-cate .img img{
	width: 100%;
}
.recruit .re-category .re-cate .info{
	margin: 0 auto;
	width: 45%;
	font-size:
}
.re-category .re-cate .info a{
	text-decoration: none;
}
.re-category .re-cate .info .title{
	font-size: 1rem;
	color: #e32c41;
	padding: 1.5rem 0 1rem 0;
	font-weight: 600;
}
.re-category .re-cate .info .desc{
	font-size: .6rem;
	color: #fff;
	line-height: 1.2rem;
}
.recruit-block .page-title{
	padding: 7rem 0 4rem 0;
}

.recruit-block .hot-recruit,
.recruit-block .school-recruit
{
	width: 100%;
	height: 830px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.recruit-block .school-recruit{
	position: relative;
}
.recruit-block .hot-recruit .list-group{
	padding: 4rem 9rem;
	text-align: left;
	font-size: 0;
	height: calc(100vh);
	height: -o-calc(100vh);
	height: -webkit-calc(100vh);
	height: -moz-calc(100vh);
	overflow-y: auto;
}
.recruit-block .icon-down img{
	transform-origin: center;
  transition: all .3s ease;
}
.recruit-block .icon-down img.ro {
	transform: rotate(90deg);
}
.hot-recruit .list-group .list-item{
	position: relative;
	display: inline-block;
	width: 100%;
	/* width: calc(100% / 3 - 2rem);
	width: -webkit-calc(100% / 3 - 2rem);
	width: -moz-calc(100% / 3 - 2rem);
	width: -o-calc(100% / 3 - 2rem); */
	font-size: .8rem;
	color: #fff;
	line-height: 1.6rem;
	margin: 1rem 0rem;
	padding: 1.5rem;
	border-radius: 10px;
	background: rgba(51,51,51,.9); /* Fallback */
    /* background: linear-gradient(to left bottom,
    	        transparent 50%, rgba(255,255,255,.4) 0) no-repeat 100% 0 / 2.7em 2.7em,
                linear-gradient(-135deg, transparent 2em, #fff 0); */
}
.hot-recruit .trangle-right{
	/* position: absolute;
	top: 0.05em;
	right: 0.05em;
	width: 0;
	height: 0;
	border-bottom: 2.7em solid #fff;
	border-right: 2.7em solid transparent;
	box-shadow: -1px 1px .5px .5px rgba(0,0,0,0.2); */
}
.list-group .list-item p{
	/* padding: 0 1rem; */
}
.list-group .list-item .title{
	/* padding: 1.5rem 0 2.5rem 1rem; */
	padding: .5rem 0;
	font-size: 1.2rem;
	color: #fff;
}
.list-group .list-item .showDetail{
	/* position: absolute;
	right: 1rem;
	bottom: 1.6rem;
	text-align: right; */
	margin-top: 1rem;
}
.list-group .list-item .showDetail span{
    font-size: 1rem;
    color: #fff;
    background-color: #e72c41;
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    /*box-shadow: 0 0 3px 1px #e72c41;*/
    cursor: pointer;
}
.search-tools{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: rgba(35,24,21,0.5);
}
.search-tools .search-line{
	display: inline-block;
	width: 30%;
	/*text-align: right;*/
}
.recruit-block .school-list{
	background-color: #fff;
}
.recruit-block .school-list .box{
	width: 75% ;
	margin: 0 auto;
	margin-top: 2rem;
}
.school-list {
	font-size: 0;
	padding-bottom: 2rem;
}
.school-list .box ul{
	display: inline-block;
	width: 100%;
}
.school-list .box ul li{
	display: inline-block;
	width: 100%;
	font-size: .8rem;
	line-height: 2.2rem;
	color: #888;
	border-bottom: 1px solid #ebebea;
	cursor: pointer;
}
.school-list .box ul li:first-child{
 border-top: 1px solid #ededec;
}
.school-list .box ul li span{
	display: inline-block;
	text-align: left;
}
.school-list .position{
	width: 34.5%;
	text-align: left;
}
.school-list .company{
	width: 34.5%;
	text-align: left;
}
.school-list .update-time
{
	width: 19.5%;
	text-align: left;
}

.school-list .icon-down{
	width: 3%;
	text-align: center !important;

}
.school-list .content{
	width: 94%;
	margin: 0 auto;
	padding: 1rem 0;
	display: none;
	border-top: 1px solid #ededec;
}
.school-list .send-tool{
	text-align: right;
}
.school-list .sendPapyer,
.school-list .wechat{
	position: relative;
	display: inline-block;
	margin: 0 .8rem;
	vertical-align: top;
	z-index: 222;
}
.school-list .send-tool .btn-papyer{
	background-color: #e72c41;
	color: #fff;
	font-size: .8rem;
	padding: .25rem 2rem;
	border-radius: .3rem;
	display: inline-block;
}
.sendPapyer .methods{
	position: absolute;
	left: 50%;
	bottom: -4rem;
	width: 260px;
	margin-left: -130px;
	z-index: 15;
	display: none;
	transition: all .3s ease-in-out;
	background-color: #fff;
	font-size: .7rem;
	text-align: left;
	border: 1px solid #e72c41;
	padding: .5rem;
}
.sendPapyer:hover .methods{
	display: block;
}
.wechat:hover .methods{
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
.wechat .methods{
	position: absolute;
	left: 50%;
	top: 93%;
	width: 190px;
	margin-left: -95px;
	z-index: 15;
	/* display: none; */
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
}
.wechat .methods img{
	width: 100%;
}

.search-tools{
	width: 100%
}
.search-tools form{
	display: inline-block;
	width: 75%;
	position: relative;
	/*justify-content: space-between;*/
	/*align-items: center;*/
	margin-left: 12.5%;
}
.search-tools .form-control{
	display: inline-block;
	height: 55px;
	/* line-height: 40px; */
	text-indent: 1rem;
	border:1px solid #ccc;
	border-radius: 0;
	outline: none;
	font-size: 1rem;
	color: #888;
}
.search-tools .row {
	position: relative;
}
.search-tools button{
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	background-color: #e72c41;
	color: #fff;
	font-size: 1rem;
	border-radius: .3rem;
	width: 160px;
	box-shadow: 0px 0px 15px #000;
}
.search-wrap .bgc{
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


@media only screen and (min-width: 2000px) {
	.social .jnjp .social-content{
		padding-top: 10rem
	}
	.social .lshb .social-content{
		padding-top: 10rem
	}
	.social .page-title{
		padding-bottom: 1rem;
	}
}
@media only screen and (max-width: 1800px) {
	.social .jnjp .social-content{
		padding-top: 1rem
	}
	.social .lshb .social-content{
		padding-top: 1rem
	}
	.social .page-title{
		padding-bottom: 1rem;
	}
}

@media only screen and (max-width: 1650px) {
	.social .arc-group .left{
		max-width: 500px;
	}
	.arc-group .article-item .right .update-time{
		font-size: 2rem;
	}
	.arc-group .article-item .right .title{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.social .arc-group .right{
		width: 37%;
	}
    .social .jnjp .social-content{
    	margin-top: 4rem;
    }
    .social .lshb .social-content{
    	margin-top: 3rem;
    }
}
@media only screen and (max-width: 1600px) {
	/* .boss-quotation .left{
		width: 23%;
	}
	.boss-quotation .right{
		width: 60%;
	} */
	.company-curl .content{
		bottom: -1rem;
	}
	.company-list{
		width: 78%;
		margin: 0 auto;
		text-align: center !important;
	}
	.social .lshb .social-content{
		margin-top: 2rem;
	}
	.social .jnjp .social-content{
		margin-top: 3.5rem;
	}
}
@media only screen and (max-width: 1550px) {
	#mainpart .chile-content{
		padding: 0 10rem;
	}
	.maincontent {
		padding: 0 10rem;
	}
    /* .partcompany .chile-content .children-selection{
    	width: calc(100% / 4 - 1.2rem);
    	margin:.45rem .65rem;
    	margin-bottom: .9rem;
    	font-size: .6rem;
    }
    .maincompanys .chile-content .children-selection{
    	width: calc(100% / 3 - 1.2rem);
    	margin:.45rem .75rem;
    	margin-bottom: .9rem;
    	font-size: .6rem;
    } */
    .social .content .item .img{
    	width: 100px;
    }
    .social .content .item .info{
    	width: calc(100% - 120px);
    }
    .social .jnjp .social-content{
    	margin-top: 4rem;
    }
    .social .lshb .social-content{
    	margin-top: 3rem;
    }
}
@media only screen and (max-width: 1440px) {
    .social .jnjp .social-content{
    	margin-top: 1rem;
    }
    .social .lshb .social-content{
    	margin-top: 0rem;
    }
    /* .boss-quotation .left{
    	margin-right: 5%;
    } */
    .boss-quotation .right{
    	width: 60%;
    }
    .boss-quotation{
    	margin-top: 2.5rem;
    }
    .adv{
		height: calc(100vh - 23rem);
		height: -webkit-calc(100vh - 23rem);
		height: -moz-calc(100vh - 23rem);
		height: -o-calc(100vh - 23rem);
		margin-top: 3rem;
    }
    .company-list{
		text-align: left;
	    width: 88%;
	    margin: 0 auto;
    }
    .social .content{
    	width: 88%;
    }
    .recruit .top-adv{
    	width: 1300px;
    	margin-left: -650px;
    	margin-top: -3rem;
    }
	.progress-his .his-group .his-item{
		position: absolute;
		width: 7rem;
		height: auto;
		display: inline-block;
		font-size: .7rem;
		color: #595757;
		cursor: pointer;
		z-index: 40;
	}
	.progress-his{
		/* padding: 0;*/
		height: calc(100vh - 15rem);
		height: -webkit-calc(100vh - 15rem);
		height: -moz-calc(100vh - 15rem);
		height: -o-calc(100vh - 15rem);
	}
	.boss{
		padding-top: .5rem;
	}
	.his-group .his-item .his-title{
		font-size: 1.5rem;
	}
	.company-article .content{
		width: 85%;
	}
	.company-curl .curl-bgc{
		background-size: contain;
	}
	.company-curl .curl-right-bgc{
		background-size: contain;
	}
	.footer .wrap{
		width: 1200px !important;
	}
}

@media only screen and (max-width: 1400px) {
	.boss-quotation{
		margin-top: 2rem;
	}
	.boss-quotation .right{
		width: 62%;
	}
	.adv{
		margin-top: 4rem;
	}
	.company-info .core-title{
		padding-top: 2.5rem;
	}
	.dig_logo{
		bottom: -5.5rem;
	}
	.footer .wrap{
		width: 1200px !important;
	}
}

@media only screen and (max-width: 1366px) {
	.company-info .page-title{
		/* padding-top: 4rem; */
	}
	.boss-quotation .right{
    	width: 63%;
    }
    .boss-quotation{
    	padding: 2rem 1rem 1.5rem 1rem;
    }
    .boss{
    	padding-top: 2rem;
    }
    .adv{
    	margin-top: 2rem;
    }
    .company-info .page-title{
    	/* padding-top: 2.5rem; */
    }
    .progress-his .his-group .his-item{
    	width: 6.5rem;
    }
    .his-item:nth-child(odd) .pointe{
    	width: .5rem;
    	height: .5rem;
    	top: -2.25rem;
    	margin-left: -.4rem;
    }
    .his-item:nth-child(even) .pointe{
    	width: .5rem;
    	height: .5rem;
    	bottom: -2.25rem;
    	margin-left: -.4rem;
    }
    .curl-desc{
    	width: 1100px;
    }
    .companys .desc{
    	width: 90%;
    }
    .company-list{
    	width: 95%;
    }
    .news-list .news-item{
    	height: 200px;
    	background-repeat: no-repeat;
    }
    .news-list .news-item .news-img{
    	height: 200px;
    }
    .news-detail .pagination{
    	bottom: 0rem;
    }
    .social-content{
    	padding-top: 4rem;
    }
    .social .section-child .content-img{
    	padding-top: 1.5rem;
    }
    .social .jnjp .desc, .social .lshb .desc{
    	width: 85%;
    }
    .social .desc{
    	margin-top: 1rem;
    }
    .social .shgy .page-title{
    	padding-bottom: 0;
    }
    .social .lshb .page-title{
    	padding-bottom: 0;
    }
    .recruit .re-category .re-cate .info{
    	width: 50%
    }
}


@media only screen and (max-width: 1024px) {
	#index .banner .banner-item .banner-img{
		height: calc(100vh / 2);
		height: -webkit-calc(100vh / 2);
		height: -moz-calc(100vh / 2);
		height: -o-calc(100vh / 2);
	}
	#index .wrap{
		height: calc(100vh / 2);
		height: -webkit-calc(100vh / 2);
		height: -moz-calc(100vh / 2);
		height: -o-calc(100vh / 2);
	}
	#company-info .digital-logo{
		/* height: 5rem; */
		padding: 1rem ;
	}
	.digital-item .year,
	.digital-item .people,
	.digital-item .money{
		font-size: 1.5rem;
	}
	#company-info .page-detail{
		width: 850px;
	}
	#company-info .page-detail .left{
		width: 60%;
	}
	#company-info .page-detail .left p{
		margin-bottom: .5rem;
	}
	#company-info .page-detail .right{
		width: 40%;
	}
	#company-info .page-detail .right img{
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	body{
		overflow-x: hidden;
		overflow-y: auto !important;
		height: auto !important;
	}
	html{
		overflow-y: auto !important;
		height: auto !important;
	}
	.rightbar{
		display: none;
	}
	.menu .menu-icon{
		position: absolute;
		top: 50%;
		right: 1rem;
		margin-top: -1rem;
		display: inline-block;
	}
	.menu .menu-icon i{
		cursor: pointer;
		display: inline-block;
		font-size: 1.5rem;
		transform-origin: center;
		-ms-transform-origin: center;
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-o-transform-origin: center;
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
		transition: all .3s ease;
	}
	.main .menu {
		position: fixed;
		top: 0;
		left: 0;
		display: inline-flex;
		align-items: center;
		justify-content: space-around;
		width: 100%;
		height: 3rem;
		background-color: #fff;
		z-index: 99;
	}
	.transformMenu{
		transform-origin: center !important;
		-ms-transform-origin: center !important;
		-webkit-transform-origin: center !important;
		-moz-transform-origin: center !important;
		-o-transform-origin: center !important;
		transform: rotateZ(90deg) !important;
		-ms-transform: rotateZ(90deg) !important;
		-webkit-transform: rotateZ(90deg) !important;
		-moz-transform: rotateZ(90deg) !important;
		-o-transform: rotateZ(90deg) !important;
		transition: all .3s ease-in-out !important;
	}
    .main .menu .logo
    {
    	display: none;
    }
    .main .menu .sidebar{
    	display: none;
    }
    .menu .m-sidebar{
    	display: inline-flex;
    	width: 100%;
    	height: 100%;
    	align-items: center;
    	border-bottom: 1px solid #f0f0f0;
    	box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
    }
    .menu .m-sidebar .m-logo{
		margin-left: 1rem;
    }
    .main .menu .menu-group{
    	left: 0px;
    	top: 3rem;
    	width: 180px;
    }
    .menu .menu-group .menu-item{
    	padding: .5rem 1rem;
    	font-size: .8rem;
    }
    .menu-item .child-menu{
    	padding-top: .5rem;
    }
    .menu-item .child-menu .child-menu-item{
    	padding: .25rem 0 .25rem 1rem;
    	font-size: .8rem;
    }
    #index .playVideo{
    	bottom: 1rem;
    }
    #index .playVideo span{
    	padding: .5rem 1rem .5rem 1rem
    }
    #index .group-logo{
    	width: 250%;
    }
    #index .companyDesc{
    	width: 96%;
    	margin-top: .5rem;
    }
    #index .companyDesc p{
    	padding: .2rem 0;
    	font-size: .8rem;
    }
    .m-company-index .modal-dialog {
    	margin: 0 auto !important;
    	margin-top: 20% !important;
    }
    .company-info{
    	padding-top: 3rem;
    }
    #company-info .digital-logo{
    	padding: 0;
    	height: 4rem;
    }
    *{
		touch-action: pan-y !important;
    }
    .digital-item{
    	padding-top: 1rem;
    }
    .digital-item .year,
    .digital-item .people,
    .digital-item .money{
    	font-size: .8rem
    }
    .digital-item .text{
    	font-size: .6rem
    }
    #company-info .page-detail{
    	width: 95%;
    	margin: 0 auto;
    	display: block;
    }
    #company-info .page-detail div{
    	/* width: 100%; */
    	display: block;
    }
    #company-info .page-detail .left{
    	width: 100%;
    }
    #company-info .gaishu{
    	/* display: none; */
    }
    #company-info .gaishu2{
    	display: block !important;
    	padding-top: 1rem;
    }
    #company-info .gaishu2 .left{
		padding-top: .5rem !important;
    }
    #company-info .gaishu2 .left p{
		text-indent: 1.5rem;
    }
    #company-info .page-detail .right{
    	width: 100%;
    }
    .page-title{
    	font-size: 1.2rem;
    	padding-top: 1rem;
    }
    .company-info .page-title{
    	font-size: 1.2rem;
    	padding-top: 1rem;
    	padding-bottom: 1rem;
    }
    /*.core-business*/
    .core-business{
    	padding: 0;
    	width: 95%;
    	margin: 0 auto;
    	display: none;
    }
    .m-core-business{
    	display: block;
    }
    .core-business .core-item{
    	display: block;
    	width: 100%;
    }
    .m-core-business .core-item{
    	display: block;
    	width: 100%;
    }

    .m-core-business .core-item img{
    	width: 100%;
    }
    .boss{
    	padding-top: 0;
    	width: 100%;
    }
    .boss-quotation{
    	width: 100%;
    	padding: 0;
    }
    .boss-quotation .left{
    	display: block;
    	width: 100%;
    	text-align: center;
    }
    .boss-quotation .left .boss-pic{
		display: inline-block;
		width: 95%;
		margin: 0 auto;
		padding-top: 1rem;
    }
    .boss-quotation .left .boss-pic img{
    	width: 100%;
    }
    .boss-quotation .left .boss-desc{
    	text-align: center;
    }
    .boss-quotation .left .boss-desc p{
    	text-align: center;
    	margin-bottom: .25rem;
    }
	.boss-say{
		display: block !important;
	}
	.boss-say2{
		display: none !important;
	}
	.boss-say{
		padding-bottom: 0rem !important;
	}
	.boss-quotation .right{
		width: 95%;
		margin: 0 auto;
		margin-top: 1rem;
		text-indent: 1.5rem;
	}
	.boss-detail{
		padding-bottom: 1rem;
	}
	.adv{
		width: 100%;
		margin-top: 0;
		height: auto;
	}
	.dig_logo{
		display: none;
	}
	.m-progress-his{
		display: block;
		padding-bottom: 240px
	}
	.m-progress-his .m-his-group{
		text-align: auto;
		transition: all .3s ease-in-out;
	}
	.m-his-item{
		position: relative;
		float: left;
		display: inline-block;
		margin-top: .5rem;
	}
	.m-his-item .his-title{
		padding: .5rem 1.5rem;
		margin: 0 auto;
		height: 2rem;
		display: inline;
		font-size: 1rem;
		background-color: #e4e4e4;
		text-align: center;
		color: #fff;
		width: auto;
	}
	.m-his-item .his-desc{
		width: 65%;
		padding: .5rem 0;
		margin: 0 auto;
		margin-top: 1rem
	}
	.progress-his{
		/* display: none; */
	}
	.m-progress-his .m-his-group .m-his-item .trangles {
	    width:0px;
	    height:0px;
	    border-top: .5rem solid #e4e4e4;
	    border-right: .5rem solid  rgba(0,0,0,0);
	    border-bottom: .5rem solid rgba(0,0,0,0);
	    border-left: .5rem solid  rgba(0,0,0,0);
	    top: 1.7rem;
	    left: 50%;
	    margin-left: -.5rem;
	    position: absolute;
	}
	.his-active .trangles{
	    border-top: .5rem solid #e52c41 !important;
	}
	/*.page-company-curl*/
	.page-company-curl{
		padding-top: 4rem;
		text-align: center;
		padding-bottom: .5rem;
	}
    .curl-desc{
    	width: 95%;
    	text-align: left;
    	text-indent: .8rem;
        margin: 0 auto;
    }
    .company-curl .content{
    	display: none;
    	height: calc(100vh);
    	-webkit-height: calc(100vh);
    	-o-height: calc(100vh);
    	-moz-height: calc(100vh);
    	-ms-height: calc(100vh);
    	position: relative;
    	bottom: 0;
    	padding-top: .5rem;
    }
    .company-curl .m-content {
    	width: 100%;
    	padding-top: .5rem;
    	display: block;
    }
    .company-curl .m-content img{
    	width: 100%;
    }
    .companylist-item-detail .modal-dialog{
		width: 95%;
    }
    .my-company-article .content{
		width: 95%;
    }
    .company-article .content .page_link{
    	position: static;
    }
    .my-company-article  .content{
    	padding-bottom: 1rem !important;
    }
    /*.companys .page-title*/
    .companys .page-title{
    	padding-top: 4rem;
    	padding-bottom: .5rem;
    }
    .companys .wrap{
    	padding: 0;
    	width: 95%;
    	margin: 0 auto;
    }
    .companys .wrap p{
		text-indent: 1.5rem;
    }
    .companys .desc{
    	width: 100%;
    }
    .companys .wrap .company-item{
    	width: 100%;
    	text-align: center;
    	margin: 0;
    	margin-bottom: .5rem;
    }
    .progress-his .content{
    	/* height: 800px; */
    	width: 90%;
    }
    .controll-btn-pre{
    	height: 100px;
    	left: -.5rem;
    	top: -10rem;
    	background-color: transparent;
    }
    .controll-btn-next{
    	height: 100px;
    	right: -.5rem;
    	top: -10rem;
    	background-color: transparent;
    }
    .controll-btn-next img{
		position: relative;
		z-index: 44;
    }

	.m-controll-btn-pre{
		width: 100px;
		height: 50px;
		display: inline-block;
	/*	display: inline-flex;
		align-items: center;
		justify-content: center;*/
		position: absolute;
		top: auto;
		left: 50%;
		margin-left: -5rem;
		background-color: transparent;
		cursor: pointer;
		z-index: 23;
		bottom: 0;
	}
	.m-controll-btn-next{
		width: 100px;
		height: 50px;
		position: absolute;
	/*	display: inline-flex;
		align-items: center;
		justify-content: center;*/
		top: auto;
		right: 50%;
		margin-right: -5rem;
		background-color: transparent;
		cursor: pointer;
		z-index: 23;
		bottom: 0;
	}
    .m-controll-btn-next img{
		position: relative;
		z-index: 44;
		cursor: pointer;
		width: 40%;
    }
    .m-controll-btn-pre img{
		position: relative;
		z-index: 44;
		cursor: pointer;
		width: 40%;
    }
    /*news*/
    .news .page-title{
    	padding-top: 4rem;
    	padding-bottom: .75rem;
    }
    .part-center{
    	padding-top: 1rem !important;
    	padding-bottom: 1.25rem;
    }
    #mainpart .chile-content{
    	padding: 0;
    	width: 95%;
    	margin: 0 auto;
    }
    .maincompanys .chile-content .children-selection{
    	width: calc(95% / 3);
    	margin: 0;
    }
    .maincontent{
    	padding: 0;
    	width: 95% !important;
    	margin: 0 auto;
    }
    .maincontent iframe{
    	height: calc(100vh / 1.5);
    }
    .news-list .news-item,
    .news-list .news-item .news-img
    {
		height: auto;
    }
    .news-list .news-item{
    	border-radius: .5rem;
    }
    .news-list .detail-info{
    	/* margin-left: .5rem;
	    width: calc(64% - .9rem);
	    width: -webkit-calc(64% - .9rem);
	    width: -moz-calc(64% - .9rem);
	    width: -o-calc(64% - .9rem); */
			width: 100%;
			margin: 0;
    }
		.news-item .view {
			margin-top: 10px;
		}
    .news-item .detail-info .news-title{
    	font-size: .8rem;
    	padding: .2rem 0;
    }
    .news-item .detail-info .new-desc{
    	font-size: .7rem;
    	width: 100%;
    	overflow-x: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    .news-list .news-img{
    	border-top-left-radius: .5rem;
    	border-bottom-left-radius: .5rem;
    }
    .news-item .createtime{
    	bottom: .25rem;
    }
    .news-detail .pagination{
    	bottom: 1rem;
    }
    .partcompany .chile-content .children-selection{
    	width: 100%;
    	margin: 0 auto;
    	margin-bottom: .2rem;
    }
    .pagination>li>a, .pagination>li>span{
    	background-color: transparent;
    }
    .company-news-detail .modal-dialog{
		width: 95%;
		margin: 0 auto;
		margin-top: 10px;
    }
    .company-article .content .mainHead{
    	padding: 0;
    }

	.company-article .content .mainHead .title{
		font-size: 1.2rem;
		padding-bottom: .5rem;
	}
	.company-article .content .mainContent{
		width: 90%;
	}
    .company-news-detail .modal-body{
		padding: 0;
    }
    /*.social .wrap*/
    .social .bgc{
		height: calc(230vh);
    }
    .social .wrap{
    	padding-top: 3rem;
    }
    .social .desc{
    	margin-top: .5rem;
    }
    .social .content{
    	height: auto;
    	width: 92%;
    }
    .social .content .desc p{
    	font-size: .7rem;
    }
    .social .content .desc{
    	width: 95%;
    }
    .social .section-child{
    	padding-top: 1rem;
    }
    .social .page-title:first-child{
    	padding-top: 1rem;
    	padding-bottom: 0;
    }
    .social-content{
    	padding-top: 1rem;
    	background-color: #fff;
    }
    .social .content .item{
    	width: 100%;
    	margin: 0;
    }
    .social .content .item .img{
    	display: block;
    	height: 100px;
    	margin: 0 auto;
    }
    .social .content .item .info{
    	display: block;
    	width: 95%;
    	text-align: center;
    	margin: 0 auto;
    	margin-bottom: .5rem;
    	line-height: 1.5rem;
    }
    .social .content .item .info p{
    	font-size: .7rem;
    }
    .social .item .info .title{
    	font-size: .8rem;
    	padding-bottom: .25rem;
    	text-align: center;
    }
    .social .content .social-content{
    	padding-bottom: 1rem;
    }
    .social .content-img img{
    	width: 30%;
    }
    .social .page-title{
    	padding-bottom: .5rem;
    }
    .social .jnjp .content .detatil-img{
    	display: block;
    	width: 95% !important;
    	margin: 0 auto;
    	margin-bottom: .5rem;
    }
    .social .jnjp .content .detatil-img img{
    	width: 100%;
    }
    .social .shgy{
    	height: calc(130vh);
    }
    .social .shgy .content-img{
    	padding-top: 0 !important;
    }
    .social .shgy-arc-pre img{
    	width: 50%;
    	margin-top: 2rem;
    	left: -.5rem;
    }
    .social .shgy-arc-next img{
    	width: 50%;
    	margin-top: 2rem;
    	right: -.5rem;
    }
    .social .arc-group .left{
    	width: 100%;
    }
    .social .arc-group .right{
    	width: 90%;
    }
    .social .shgy .content{
		width: 95% !important;
    }
    .social-iframe .modal-dialog{
		width: 95%;
		margin: 0 auto;
		margin-top: 1rem;
    }
    .company-article .content{
    	/* padding: 0; */
    }
    .arc-group .article-item .right .update-time{
    	font-size: 1rem;
    	text-align: center;
    }
    .arc-group .article-item .right .title{
    	padding: .5rem 0;
    	text-align: center;
    }
    .social .lshb{
    	height: calc(200vh);
    }
    .social .lshb .content .detatil-img{
    	display: block;
    	width: 95% !important;
    	margin: 0 auto;
    	margin-bottom: .5rem;
    }
    .social .lshb .content .detatil-img img{
    	width: 100%;
    }
    /*recruit*/
    .recruit{
    	padding-top: 3rem;
    }
    .recruit .top-img{
    	background: none;
    	background-image: none !important;
    	height: auto;
    }
    .recruit .top-adv{
    	position: static;
    	bottom: 0;
    	left: 0;
    	width: 95% !important;
    	padding: 0;
    	margin: 0 auto;
    	text-align: center;
    }
    .recruit .top-adv .left{
    	display: block;
    	width: 100%;
    }
    .recruit .top-adv .right{
    	display: block;
    	width: 100%;
    	padding: 0;
    	padding-bottom: 1rem;
    	border-bottom: 1px solid #f0f0f0;
    }
    .top-adv .right .content-title{
    	font-size: 1.2rem;
    	padding: .5rem;
    	text-align: center;
    }
    .recruit .top-block{
		padding-top: 1rem;
		font-size: .8rem;
    }
    .middle-line{
    	margin: 1rem auto;
    }
    .redpointparent .redpoint{
    	display: none;
    }
    .recruit .re-category{
    	/* margin-top: 1rem; */
    }
    .recruit .re-category .re-cate{
    	display: block;
    	width: 100%;
    }
    .recruit .center_line{
		position: relative;
		top: 0;
		margin: 1rem 0;
		margin-top: 1rem;
		width: 100%;
		height: 2px;
		left: 0;
    }
    .hot-box .page-title{
    	padding: 1rem 0 !important;
    }
    .recruit-block .hot-recruit .list-group{
    	padding: 0;
    	width: 95%;
    	margin: 0 auto;
    }
    .recruit-block .hot-recruit .list-group{
    	padding-top: .5rem;
    }
    .hot-recruit .list-group .list-item{
    	display: block;
    	width: 100%;
    	margin: 0;
    	margin-bottom: .5rem;
    	line-height: 1.4rem;
    	padding-bottom: .5rem;
    }
    .list-group .list-item .title{
    	padding: .5rem 0 .5rem 1rem;
    	font-size: 1rem;
    }
    .list-group .list-item .showDetail{
    	padding-bottom: .8rem;
    	bottom: 0;
    }
    .list-group .list-item .showDetail span{
    	padding: .25rem .75rem;
    	font-size: .8rem;
    }
    .recruit-block .page-title{
    	padding: 1rem 0 !important;
    }
    .school-box .bgc{
    	height: calc(50vh);
    }
    .search-tools form{
    	display: block;
    	width: 95%;
    	margin: 0 auto;
    }
    .search-tools .search-line{
    	display: inline-block;
    	width: 60%;
    }
    .search-tools input{
    	width: 100%;
    }
    .search-tools button{
    	/*position: relative;*/
    	/*margin-top: .5rem;*/
    	position: absolute;
    	margin-top: -.9rem;
    }
    .recruit-block .school-list .box{
    	width: 95%;
    	margin: 0 auto;
    	padding: 0;
    }
    .school-list .box ul li:first-child{
    	border-top: 0;
    }
    .school-list .box ul li{
    	line-height: 1.1rem;
    	position: relative;
    }
    .school-list .box ul li span{
    	display: block;
    	width: 100%;
    	font-size: .8rem;
    }
    .school-list .icon-down{
    	position: absolute;
    	right: 5%;
    	top: 50%;
    	display: inline !important;
    	width: auto !important;
    	margin-top: -.8rem;
    }
    .school-list .box ul li{
    	padding: .2rem 0;
    }
    .school-list .sendPapyer{
    	margin-bottom: .5rem;
    }
    .footer{
    	position: relative !important;
    	padding-bottom: 1rem;
    }
    .footer .wrap{
    	width: 95% !important;
    	margin: 0 auto;
    	padding: 0 !important;
    }
    .base-info .part_link{
    	padding-top: 1.5rem !important;
    }
    .footer .wrap .block{
    	margin-top: 0 !important;
    }
    .address-info .address-line:first-child{
    	padding-top: 1.5rem !important;
    }
    .footer .block .footer-icon{
    	margin-right: 0 !important;
    }
    .address-info .address-line:last-child{
    	padding-top: 0 !important;
    }
    /*search-wrap*/
    .search-wrap{
    	width: 100%;
    }
    .search-wrap .bgc{
    	height: 300px;
    }
}