body {

    font-size: 12px;

    font-family: "微软雅黑"!important;

    line-height: normal;

    margin: 0px auto;

}

* {

	margin: 0;

	padding: 0;

	list-style: none;

}





.lxleft .guding { background-image: url("../image/phone1.png"/*tpa=http://www.htlstd.com/images/phone1.png*/);background-size: 22px 18px; }

.lxleft .yidong { background-image: url("../image/phone2.png"/*tpa=http://www.htlstd.com/images/phone2.png*/);background-size: 18px 22px; }

.lxleft .lxQQ { background-image: url("../image/qq.png"/*tpa=http://www.htlstd.com/images/qq.png*/);background-size: 18px 20px; }

.lxleft .lxemail { background-image: url("../image/email.png"/*tpa=http://www.htlstd.com/images/email.png*/);background-size:22px 18px; }

.lxleft .lxdz { background-image: url("../image/adree.png"/*tpa=http://www.htlstd.com/images/adree.png*/);background-size: 16px 20px; }

/* 轮播下面内容 */



.level_tit {

    text-align: center;

    position: relative;

}

.level_tit h3 {

    font-size: 28px;

    color: #000;

    font-weight: bold;

	margin-bottom: 0;

}

.level_tit p {

    font-size: 24px;

    font-weight: normal;

    color: #9f9f9f;

    text-transform: uppercase;

    position: relative;

	margin-bottom: 0;

}

.level_tit p em.left_line {

    left: 0;

}

.level_tit p em {

    display: inline-block;

    position: absolute;

    height: 2px;

    top: 50%;

    margin-top: -1px;

}

.level_tit p em.right_line {

    right: 0;

}

.level_tit p em {

    display: inline-block;

    position: absolute;

    height: 2px;

    top: 10%;

    margin-top: -1px;

}

.level_tit p em.right_line:after {

    left: 0;

}

.level_tit p em.left_line:after {

    right: 0;

}

.level_tit p em:after {

    content: "";

    display: block;

    width: 28px;

    height: 6px;

    background: #000;

    position: absolute;

    top: 0;

}

.level_tit span {

    width: 80px;

    height: 2px;

    background: rgb(227,179,93);

    display: block;

    position: relative;

    margin: 0 auto;

}

.level_tit span:after {

    content: "";

    display: block;

    width: 40px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 0;

    left: 0;

}

.aboutus_box {

	margin-top: 50px;

}

/* 业务领域 */

.adv_content {

    width: 100%;

    height: 296px;

    margin-top: 40px;

    overflow: hidden;

    position: relative;

}

.jtbg {

	width: 50px;

	height: 50px;

	background: rgba(0,0,0,.2);

	position: absolute;

	top: 50%;

	margin-top: -20px;

	text-align: center;

	line-height: 40px;

	z-index: 15;

}

.adv_leftjt {

	left: 0;

}

.adv_rightjt {

	right: 0;

}

.adv_content > .adv_content_1 {

	/*width: 100%;*/

	height: 100%;

}

.adv_slide > a > img {

	width: 205px;

	height: 150px;

}

.adv_slide {

	width: 209px;

    float: left;

    margin-right: 25px;

}

.adv_slide:last-child {

	margin-right: 0;

}

.adv_slide > a {

	display: inline-block;

	position: relative;

}

.adv_slide > a > .img_head {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;

}

.adv_slide > a > .img_head .baiyuan {

	width: 120px;

	height: 120px;

	border-radius: 50%;

	background: #FFF;

	position: absolute;

	top: 40px;

	left: 50%;

	/*margin-left: -60px;*/

	transform: translate(-50%, 0);

}

.adv_slide > a > .img_head img {

	width: 67px;

	position: absolute;

	top: 50px;

	left: 50%;

	transform: translate(-50%,0);

	z-index: 1;

}

.adv_slide > a > .img_head > p {

	font-size: 16px;

	font-weight: bold;

	color: #2C2A3E;

	position: absolute;

	bottom: 15px;

	left: 50%;

	transform: translate(-50%,0);

}

.more {

	text-align: center;

	margin-top: 10px;

}

.more > a {

	display: inline-block;

	height: 32px;

	background: rgb(227, 179, 93);

	color: #FFF;

	padding: 5px 12px;

	border-radius: 5px;

	font-size: 16px;

	box-sizing: border-box;

}

.more > a:hover {

	background: #FFF;

	border: 1px solid #333;

	color: #333;

	box-sizing: border-box;

}

.swiper-container1 {

    width: 100%;

    height: 150px;

    margin: 10px auto 10px!important;

    position: relative;

    overflow:hidden;

}

.swiper-container1 .swiper-slide1 {

	text-align: center;

	font-size: 18px;

	background: #fff;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}







.aboutus_content {

	position: relative;

	margin-top: 1px;

}

.aboutus_content > img {

	width: 100%;

	height: 400px;

	position: absolute;

	top: 0;

	left: 0;

}

.mbabout {

	display: none;

}

.aboutleft {

	width: 50%;

	height: 400px;

	position: relative;

}

.aboutright {

	width: 50%;

	height: 400px;

	position: relative;

	padding-left: 50px;

	float: left;

}

.aboutright > h3 {

	font-size: 18px;

	font-weight: 800;

}

.aboutright > ul {

	margin: 0;

}

.aboutright > ul > li {

	float: left;

	margin-right: 80px;

	margin-top: 34px;

	margin-bottom: 26px;

	font-size: 16px;

	cursor: pointer;

}

.aboutright > ul > .activea > i {

	display: block;

	width: 44px;

	height: 2px;

	background: rgb(227,179,93);

	margin: 0 auto;

	margin-top: 5px;

}

.activea {

	color: rgb(227,179,93);

}

.aboutrong {

	clear: both;

	width: 390px;

	font-size: 16px;

}

.aboutrong > div {

	display: none;

}

.aboutrong > div > a { display:block;width:100%;line-height: 30px;padding-right:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:#666; }

.aboutrong > div > a span {position:absolute;right:0;color:#999;}

.aboutrong > div > a:hover {color:rgb(227,179,93);}

.aboutrong > div > p {

	line-height: 28px;

	overflow: hidden; 

	text-overflow: ellipsis;

	display: -webkit-box; 

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	

}



/* 联系我们 */

.lxus_box {

	margin-top: 40px;

}

.lxus_box .level_tit {

    text-align: left;

    position: relative;

}

.lxus_box .level_tit h3 {

    font-size: 28px;

    color: #000;

    font-weight: bold;

	margin-bottom: 0;

}

.lxus_box .level_tit p {

    font-size: 24px;

    font-weight: normal;

    color: #9f9f9f;

    text-transform: uppercase;

    position: relative;

	margin-bottom: 0;

}

.lxus_box .level_tit span {

    width: 80px;

    height: 2px;

    background: rgb(227,179,93);

    display: block;

    position: relative;

    margin: 0;

}

.lxus_box .level_tit span:after {

    content: "";

    display: block;

    width: 40px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 0;

    left: 0;

}

.lxus_content {

	height: 100%;

	margin-top: 40px;

	position: relative;

}

.lxleft {

	width: 600px;

}

.lxleft > p {

	margin-bottom: 25px;

}

.lxleft > div {

	position: relative;

}

.lx_right {

	position: absolute;

	left: 300px;

}

.lxleft > div > span {

	display: inline-block;

	line-height: 30px;

	padding-left: 30px;

	background-repeat: no-repeat;

	background-position: left center;

}

.lxright {

	position: absolute;

	right: 50px;

	top: -100px;

	float: left;

}

.lxright > img {

	width: 391px;

	height: 227px;

}