.navbar.hr-nav {
	padding: 0 1rem;
}
.navbar .navbar-brand {
	padding: 0 1rem;
}
.navbar-expand-lg.hr-nav .navbar-collapse {
	justify-content: flex-end;
}
.hr-nav .navbar-collapse .navbar-nav a {
	color: #333;
	padding: .8rem 1.5rem;
}
.hr-nav .navbar-collapse .navbar-nav .active a {
	border-bottom: 2px solid #d9ac0f;
}
.navbar-light .navbar-toggler {
    margin: .5rem 0;
}

.about {
	background: #f7f7f7;
	padding: 2rem 0 3rem 0;
}
@media screen and (max-width: 768px) {
	.about {background: #f7f7f7;padding: 0;}
}
@media screen and (max-width: 768px) {
	.about .about-con {padding: 0 0 0 0;}
}
.about-con {
	padding: 8rem 0 0 0;
}
.about-con h1 {
	font-size: 20px;
	color: #555;
}
.about-con h3 {
	font-size: 16px;
	margin: 1rem 0 2.5rem 0;
	color: #666;
}
.about-con p {
	font-size: 14px;
	color: #888;
	line-height: 28px;
}
.about-img img {
	width: 100%;
	height: 100%;
}
a.detali-btn {
	padding: 10px 20px;
	color: #888;
	font-size: 14px;
	border: 1px solid #ddd;
	background:  #fff;
	border-radius: 30px;
}
a:hover.detali-btn {
	border: 1px solid #d9ac0f;
	color: #d9ac0f;
}

/*server-title*/
.server {
	margin-bottom: 2rem;
}
.server-title {
	width: 100%;
	text-align: center; 
	margin: 3.5rem 0 1rem 0;
}
.server-title h1 {
	font-size: 20px;
}
.server-title h3 {
	font-size: 16px;
	margin: 1rem 0 2.5rem 0;
	color: #666;
}
.server-list .ico {
	margin: 0 5rem 1.5rem;
}
@media screen and (max-width: 768px) {
	.server {margin-bottom: .5rem;}
}
@media screen and (max-width: 768px) {
	.server-list .ico {
	margin: 0 8rem;}
}
@media screen and (max-width: 768px) {
	.server-title h3 {
	font-size: 16px;
	margin: .5rem 0;
	color: #666;}
}
.server-list {
	text-align: center;
}
.server-list h1 {
	font-size: 16px;
	color: #666;
}
.server-list p {
	font-size: 14px;
	margin: 1rem 0;
	color: #999;
}
/*bottom*/
.bottom {
	background: #262626;
	padding: .5rem 0;
}
.logo-bottom {
	text-align: center;
}
.bottom-text {
	text-align: center;
	color: #999;
	line-height: 22px;
	margin: 1.5rem 0;
}
.bottom-text p {
	margin-bottom: .3rem;
}

/*chose*/
.chose {
	margin: 4rem 0;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}
.chose h1 {
	font-size: 20px;
	margin-bottom: 1rem;
}
.chose ul li {
	color: #999;
	list-style: none;
}


/*team */
.team {
	margin: 4rem 0;
	line-height: 32px;
	font-size: 14px;
	background: #F9F9F9;
	padding: 2rem 0;
}
.team {
	text-align: center;
}
.team h1 {
	font-size: 20px;
	margin-bottom: 1rem;

}
.team h3 {
	font-size: 16px;
	margin: 1rem 0 2.5rem 0;
	color: #666;
}
.per-text {
	text-align: left;
}
.per-img img {
	width: 100%;
	height: 100% 
}
.per-text h1 {
	font-size: 20px;
	margin-bottom: 1rem;
	margin-top: 3rem;
	color: #888;
}
.per-text .per-text-info {
	font-size: 14px;
	color: #888;
}
@media screen and (max-width: 768px) {
	.per-text h1 {
	font-size: 20px;
	margin-bottom: 1rem;
	margin-top: 1rem;
	color: #888;}
}
/*server */
.server-con {
	margin: 4rem 0;
	line-height: 32px;
	font-size: 14px;
	padding: 2rem 0;
}
.server-con h1 {
	font-size: 20px;
	margin-bottom: 1rem;

}
.server-con h3 {
	font-size: 16px;
	margin: 1rem 0 2rem 0;
	color: #666;
}
.server-con p {
	font-size: 14px;
	line-height: 22px;
	color: #999;
}
.s-img1 {
	margin-top: 2rem;
	display: inline-block;
}
.s-img1 img {
	width: 100%;
	height: 100%;
}
.s-img3 {
	margin-top: 20px;
	display: inline-block;
}
.s-img2 img ,.s-img3 img {
	width: 100%;
	height: 100%;
}
.s-img5 {
	margin-top: 20px;
	display: inline-block;
}
.server-field {
	background: #F9F9F9;
	padding: 4rem 0;
}
.s-img4 img ,.s-img5 img,.s-img6 img {
	width: 100%;
	height: 100%;
}
.server-field-text {
	background: #fff;
}
.server-field .col-lg-7 {
	padding: 0 0 0 15px;
}
.server-field .col-lg-5 {
	padding: 0 15px 0 0;
}
.server-field-text {
	padding: 15px 45px;
	color: #666;
}
.server-field-text h1 {
	font-size: 20px;
	padding-bottom: .1rem;
	padding-top: 3rem;
}
.server-field-text p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.server-field-text h3 {
	font-size: 16px;
	padding-top: 1rem;
}
/*case*/
.case-con {
	padding: 4rem 0;
	background: #f9f9f9;
}
.case-text {
	background: #fff;
	height: 600px;
}
.case-text ul li {
	line-height: 22px;
	color: #666;
	font-size: 13px;
	list-style-type: circle;
}
.case-text h1 {
	font-size: 20px;
	padding-bottom: .1rem;
	padding-top: 1rem;
	color: #555;
	text-align: center;
}
.case-text ul {
	padding: 0 0 15px 25px;
}
.case-img img {
	width: 100%;
	height: 100%;
}
.case-con .col-lg-3 {
	padding: 0 8px;
}

/*contact-img*/
.contact-con {
	padding: 4rem 0;
	background: #f9f9f9;
}
.contact-img img {
	width: 100%;
	height: 100%;
}
.contact-list li {
	line-height: 32px;
	font-size: 14px;
}
.contact-list li span {
	margin-right: 15px;
}
.contact-list li a {
	color: #666;
}
.contact-ico {
	margin: 5rem 8rem 1rem 8rem;
	text-align: center;

}
@media screen and (max-width: 768px) {
	.contact-ico {
    margin: 2rem 8rem 1rem 8rem;
    text-align: center;}
}
@media screen and (max-width: 768px) {
	.case-text {
    background: #fff;
    min-height: 300px;
	height: auto;}
}
.contact-ico-text {
	text-align: center;
}
.contact-us {
	width: 100%;
}
.contact-ico img {
	width: 100%;
	height: 100%;
}
.contact-ico-text {
	font-size: 14px;
	color: #888;
}
.contact-ico-text p {
	margin-bottom: .5rem;
}
.map {
	width: 100%;
	height: 300px;
	background: #f9f9f9;
	margin: 2rem 0 5rem 0;
}
.contact-step {
	margin: 5rem 0;
}
@media screen and (max-width: 768px) {
	.contact-step {
	margin: 2rem 0;}
}
.step-num {
	text-align: center;
	margin-top: 2rem;
}
.step-text h1{
	font-size: 16px;
	padding-bottom: .1rem;
	padding-top: 1rem;
	color: #555;
	text-align: center;
	line-height: 26px;
	height: 62px;
}
.step-text p {
	font-size: 14px;
	color: #888;
	line-height: 24px;
}