* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-weight: 300;
}
body {
	font-family: "Microsoft YaHei", sans-serif;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #848484;
	font-size: 1.6rem;
}
html {
	font-size: 62.5% !important;
	/* 10ÃƒÂ·16=62.5% */
	;
}
a {
	text-decoration: none;
	color: #666;
}
ul li {
	list-style: none;
}
li {
	list-style: none;
}
p {
	line-height: 32px;
	margin: 15px 0;
	font-size: 19px;
}
/* 标题2----------------------------- */
.nei-title2 {
	width: 100%;
	margin: 3% auto;
	overflow: hidden;
	border-bottom: 1px dashed #dedede;
}
.nei-title2 .title {
	width: 100%;
	margin: auto;
	overflow: hidden;
	font-size: 2em;
	text-transform: uppercase;
	background: url(../image/title-line.jpg) no-repeat left bottom;
	padding-bottom: 20px;
}
.nei-title2 .title span {
	font-weight: bold;
	margin-right: 20px;
}
.nei-title2 .text {
	width: 100%;
	margin: auto;
	overflow: hidden;
	font-size: 1.125em;
	margin-top: 3%;
	line-height: 2em;
	padding-bottom: 1.5em;
}
/* 人才招聘--------------------------- */
.recruitment {
	width: 100%;
	margin: auto;
	overflow: hidden
}
.recruitment-title {
	width: 100%;
	margin: auto;
	overflow: hidden;
	background: #0058a0;
	color: #fff;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
}
.recruitment-title li {
	margin-top: 5px;
}
.recruitment-1 {
	width: 15%;
	float: left;
}
.recruitment-2 {
	width: 7%;
	float: left;
}
.recruitment-3 {
	width: 7%;
	float: left;
}
.recruitment-4 {
	width: 23%;
	float: left;
}
.recruitment-5 {
	width: 5%;
	float: left;
	text-align: center
}
.recruitment-6 {
	width: 18%;
	float: left;
	text-align: center
}
.recruitment-7 {
	width: 10%;
	float: left;
}
.recruitment-8 {
	width: 7%;
	float: right;
}
.recruitment-date img {
	margin-left: 10px;
}
.panel {
	border: none
}
.panel-body {
	padding: 2% 20px;
	line-height: 2em;
	font-size: 15px;
	color: #656565;
}
.panel-title ul {
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.panel-title ul li {
	margin: auto;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
}
.panel-heading {
	padding: 25px 20px;
}
.panel-default>.panel-heading {
	background-color: #fff;
	color: #656565;
	border-color: #fff
}
.panel-success>.panel-heading {
	background-color: #f4f4f4;
	color: #656565;
	border-color: #fff
}
.panel-info>.panel-heading {
	background-color: #fff;
	color: #656565;
	border-color: #fff
}
.panel-warning>.panel-heading {
	background-color: #f4f4f4;
	color: #656565;
	border-color: #fff
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #f4f4f4;
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #f4f4f4;
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #f4f4f4;
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #f4f4f4;
}
/* Tab标签 */
.tab {
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.slideTxtBox {
	width: 100%;
	text-align: left;
}
.slideTxtBox .hd {
	height: 57px;
	line-height: 57px;
	position: relative;
	border-bottom: 1px solid #d5d3d4;
}
.slideTxtBox .hd ul {
	float: left;
	position: absolute;
	left: 0px;
	height: 57px;
	width: 100%;
	overflow: hidden;
}
.slideTxtBox .hd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
	font-size: 18px;
	background: url(https://www.hbyihua.cn/assets/addons/cms/pc/images/project-bt-line.jpg) no-repeat left center
}
.slideTxtBox .hd ul li.on {
	height: 57px;
	color: #000;
	font-weight: bold;
}
.slideTxtBox .bd {
	width: 100%;
}
.slideTxtBox .bd ul {
	zoom: 1;
	background: #fff;
	margin-top: 28px;
	overflow: hidden;
}
.slideTxtBox .bd li {
	width: 100%;
	border-bottom: 1px dotted #dcdcdc;
	float: left;
	margin-bottom: 13px;
	padding-bottom: 11px;
}
.slideTxtBox .bd li .date1 {
	width: 10%;
	float: left;
	height: 68px;
	padding-top: 10px;
	border: 1px solid #959595;
	text-align: center;
	color: #7e7e7e;
	font-size: 12px;
}
.slideTxtBox .bd li .date1 span {
	font-size: 20px;
	display: block;
}
.slideTxtBox .bd li .content {
	width: 85%;
	float: right;
}
.slideTxtBox .bd li .content .title {
	width: 100%;
	color: #393535;
	font-size: 16px;
	height: 20px;
	overflow: hidden;
}
.slideTxtBox .bd li .content .title span {
	float: right;
	width: 80px;
	font-size: 12px;
}
.slideTxtBox .bd li .content .text {
	width: 100%;
	color: #949494;
	font-size: 13px;
	line-height: 22px;
	margin-top: 10px;
	height: 40px;
	overflow: hidden
}
.slideTxtBox .bd li:hover .date1 {
	background: #20a5ad;
	color: #fff;
	border: none;
}
.slideTxtBox .bd li:hover .content .title {
	color: #20a5ad
}
.project-tr {
	background: #f1f5fb;
	color: #b9011f;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	font-size: 1.125em;
	border-left: 5px solid #b9011f;
}
.project-td {
	line-height: 40px;
	font-size: 1.125em;
	overflow: hidden
}
/*轮播图*/
#banner {
	position: relative;
	width: 100%;
	height: 380px;
	border: 0;
	overflow: hidden;
}
#banner_list img {
	border: 0px;
	width: 120%;
	min-height: 380px;
	margin-left: -0%;
}
#banner_bg {
	position: absolute;
	bottom: 0;
	background-color: #000;
	height: 36px;
	filter: Alpha(Opacity=30);
	opacity: 0.3;
	z-index: 1000;
	cursor: pointer;
	width: 100%;
}
#banner_info {
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 28px;
	color: #fff;
	z-index: 1001;
	cursor: pointer
}
#banner_info:hover {
	color: #ebebeb
}
#banner_text {
	position: absolute;
	width: 120px;
	z-index: 1002;
	right: 3px;
	bottom: 3px;
}
#banner ul {
	position: absolute;
	list-style-type: none;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 10px;
}
#banner ul li {
	padding: 0px 8px;
	float: left;
	display: block;
	color: #FFF;
	background: #666;
	cursor: pointer;
	border: 0px solid #333;
	margin-left: 1px;
}
#banner ul li:hover {
	color: #da1522;
	background: #fff;
}
#banner ul li.on {
	background-color: #da1522;
}
#banner_list a {
	position: absolute;
}
/*轮播图-结束*/
.bigbox {
	width: 100%;
	overflow: hidden;
	margin: auto;
}
/*首页样式*/
.index-top {
	width: 100%;
	float: left;
}
.index-top .logobox {
	width: 100%;
	height: 50px;
	float: left;
	padding-left: 70px;
	position: absolute;
	top: 30px;
	z-index: 999;
}
.index-top .logobox .logo {
	width: 206px;
	float: left;
}
.index-top .logobox .menu {
	/* width: 770px; */
	/* float: left; */
	color: #fff;
	line-height: 50px;
	padding: 0 34%;
}
.index-top .logobox .menu ul li {
	float: left;
	padding: 0 2%;
}
.index-top .logobox .oa {
	width: 360px;
	float: right;
	color: #fff;
	font-size: 1.8rem;
	padding-right: 100px;
	margin-top: 10px;
}
.index-top .logobox .oa img {
	vertical-align: middle;
	margin-left: 10px;
}
.index-top .logobox a {
	color: #fff;
	text-shadow: 1px 1px 1px #c9c9c9
}
.index-top .logobox a:hover {}
.index-line {
	width: 100%;
	height: 95px;
	background: #cb1933;
	float: left;
	color: #fff;
}
.index-line2 {
	width: 1200px;
	margin: auto;
	height: 100%
}
.index-line2 li {
	width: 25%;
	float: left;
	height: 100%;
	padding-top: 18px;
}
.index-line2 .list1 {
	background: #dd1d38
}
.index-line2 .list2 {
	background: #e8233f
}
.index-line2 .list3 {
	background: #f32b47
}
.index-line2 .list4 {
	background: #fb3753
}
.index-line2 .pic {
	width: 40%;
	float: left;
	text-align: center;
}
.index-line2 .text {
	width: 60%;
	float: left;
	line-height: 2rem;
	font-size: 1.6rem
}
.index-line2 .text1 {
	width: 100%;
}
.index-line2 .text2 {
	width: 100%;
}
.index-line2 .text2 a {
	color: #fff;
}
.index-line2 .text2 a:hover {
	opacity: 0.8
}
/*pic1*/
.yh-pic1 {
	width: 100%;
	height: 59px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: url(../image/yh-pic1.png) center no-repeat;
}
.yh-pic1:hover,
.yh-pic1:focus,
.yh-pic1:active {
	background: url(../image/yh-pic1-1.png) center no-repeat;
}
/*pic2*/
.yh-pic2 {
	width: 100%;
	height: 59px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: url(../image/yh-pic2.png) center no-repeat;
}
.yh-pic2:hover,
.yh-pic2:focus,
.yh-pic2:active {
	background: url(../image/yh-pic2-1.png) center no-repeat;
}
/*pic3*/
.yh-pic3 {
	width: 100%;
	height: 59px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: url(../image/yh-pic3.png) center no-repeat;
}
.yh-pic3:hover,
.yh-pic3:focus,
.yh-pic3:active {
	background: url(../image/yh-pic3-1.png) center no-repeat;
}
/*pic4*/
.yh-pic4 {
	width: 100%;
	height: 59px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: url(../image/yh-pic4.png) center no-repeat;
}
.yh-pic4:hover,
.yh-pic4:focus,
.yh-pic4:active {
	background: url(../image/yh-pic4-1.png) center no-repeat;
}
.index-news {
	width: 100%;
	background: url(../image/yh-logo-bg1.jpg) right bottom no-repeat;
	overflow: hidden;
}
.index-news-box {
	width: 1360px;
	margin: auto;
	overflow: hidden;
}
.index-news-box .news-jt {
	width: 65%;
	float: left;
}
.index-news-box .news-jt .title {
	width: 100%;
	font-size: 2rem;
	padding-left: 9%;
}
.index-news-box .news-jt .title h1 {
	font-size: 3rem;
	color: #000;
	font-weight: 400;
}
.index-news-box .news-jt .title .redline {
	width: 38px;
	height: 2px;
	background: #d41833;
	margin: 2% 0
}
.index-news-box .news-jt .content {
	width: 100%;
}
.index-news-box .news-dj {
	width: 392px;
	float: right;
	padding-top: 15px
}
.index-news-box .news-dj .title {
	width: 100%;
}
.index-news-box .news-dj .title .text {
	font-size: 3rem;
	color: #e9e9e9;
	float: right;
}
.index-news-box .news-dj .title .redline {
	border-left: 2px solid #d41833;
	float: right;
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
}
.index-news-box .news-dj .djnews {
	width: 100%;
	overflow: hidden;
	;
}
.index-news-box .news-dj .djnews li {
	width: 100%;
	border: 1px solid #e8e8e8;
	padding-bottom: 2%;
	background: #fff;
	margin-bottom: 5%;
	margin-top: 5%
}
.index-news-box .news-dj .djnews .djpic {
	width: 100%;
}
.index-news-box .news-dj .djnews .djpic img {
	width: 100%;
}
.index-news-box .news-dj .djnews .djtitle {
	width: 100%;
	padding: 3% 3% 1% 3%;
	font-size: 1.8rem;
	overflow: hidden;
	color: #909090;
	height: 3.3rem;
}
.index-news-box .news-dj .djnews .djyihua {
	width: 100%;
	font-size: 1rem;
	color: #d8d8d8;
	padding-left: 3%
}
.index-news-box .news-dj .djnews .djdate {
	width: 100%;
	text-align: right;
	color: #d8d8d8;
	padding-right: 3%;
	font-size: 1.2rem;
}
.index-cy {
	width: 100%;
	overflow: hidden;
}
.index-cy1 {
	width: 50%;
	float: left;
}
.index-cy2 {
	width: 50%;
	float: left;
	overflow: hidden;
}
.index-cy2:hover .index-cytitle p {
	font-size: 2.2rem;
	line-height: 2;
}
.index-cy2:hover .index-cytitle span {
	font-size: 2.2rem;
}
.index-cy2:hover .index-cysummary {
	opacity: 0;
	margin-top: 25%;
}
.index-cy2:hover .index-cybtn {
	margin-top: 13%;
}
.index-cy2:hover .index-cybtn a {
	opacity: 1;
}
.index-cy2:hover .index-cybg img {
	opacity: .6;
}
.index-cybg {
	position: relative;
	z-index: -1;
	background: #00406f;
}
.index-cytp {
	position: absolute;
	width: inherit;
	margin-top: 2%;
	text-align: center;
}
.index-cytitle {
	position: absolute;
	width: inherit;
	margin-top: 8%;
	text-align: center;
}
.index-cytitle p {
	font-size: 20px;
	margin: 0;
	color: #fff;
	transition: .4s ease;
}
.index-cytitle span {
	text-transform: uppercase;
	color: #fff;
	transition: .4s ease;
	opacity: .8;
}
.index-cysummary {
	position: absolute;
	width: inherit;
	font-size: 1.6rem;
	line-height: 1.8;
	padding: 0px 12%;
	margin-top: 13%;
	transition: .4s ease;
	color: #fff;
	text-align: center;
}
.index-cybtn {
	position: absolute;
	width: inherit;
	margin-top: 27%;
	transition: .4s ease;
	text-align: center;
}
.index-cybtn a {
	display: inline-block;
	background: #d41833;
	width: 18%;
	line-height: 35px;
	transition: .4s ease;
	opacity: 0;
	color: #fff;
}
.index-cybg img {
	width: 100%;
	transition: .4s ease;
	display: block;
	height: 100%;
}
.footer {
	width: 100%;
	background: url(../image/yh-logo-bg2.jpg)left center #272727 no-repeat;
	color: #fff;
	padding-top: 40px;
	overflow: hidden;
	padding-left: 8%;
	padding-bottom: 30px;
}
.footer .footer-menu {
	width: 55%;
	float: left;
}
.footer .footer-menu .submenu {
	width: 16%;
	float: left;
}
.footer .footer-menu .submenu li {
	font-size: 1.4rem;
	color: #909090;
	line-height: 2.2rem
}
.footer .footer-menu .submenu li a {
	color: #909090;
}
.footer .footer-menu .submenu li a:hover {
	opacity: 0.8
}
.footer .footer-menu .submenu .title {
	font-size: 1.8rem;
	color: #f1f1f1;
	margin-bottom: 10px;
}
.footer .footer-code {
	width: 15%;
	float: left;
	text-align: center;
	font-size: 1.4rem;
	color: #939393;
	margin-left: 15%;
}
.footer .footer-link {
	width: 15%;
	float: right;
}
.footer2 {
	width: 100%;
	background: #1c1c1c;
	color: #8b8b8b;
	overflow: hidden;
	padding: 12px 0;
	padding-left: 8%;
	font-size: 1.4rem;
}
.footer2 .icp {
	width: 50%;
	float: left;
	text-align: left;
}
.footer2 .copyright {
	width: 30%;
	float: right;
	text-align: center;
}
SELECT {
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	PADDING-TOP: 0px
}
SELECT {
	BOX-SIZING: content-box;
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 1px;
	LINE-HEIGHT: 20px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #ddd 1px solid;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 1px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
OPTION {
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	PADDING-TOP: 0px
}
.footer-select {
	padding-top: 150px;
}
.footer_sel {
	BORDER-BOTTOM: #4f4f4f 1px solid;
	BORDER-LEFT: #4f4f4f 1px solid;
	LINE-HEIGHT: 22px;
	WIDTH: 190px;
	HEIGHT: 22px;
	COLOR: #afafaf;
	BORDER-TOP: #4f4f4f 1px solid;
	BORDER-RIGHT: #4f4f4f 1px solid;
	background: #1e1e1e;
	background: url(../image/yh-link.jpg)left no-repeat;
	padding-left: 30px;
}
@-webkit-keyframes bounce2 {
	0%,
	100% {
		-webkit-transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}
/*公共*/
.yh-content {
	width: 100%;
	overflow: hidden;
}
.width-1500 {
	width: 1500px;
	margin: auto;
	overflow: hidden;
}
.width-1300 {
	width: 1300px;
	margin: auto;
	overflow: hidden;
}
.bg-white {
	width: 100%;
	background: #fff;
}
.blank-30 {
	width: 100%;
	height: 30px;
}
.blank-50 {
	width: 100%;
	height: 50px;
}
.blank-60 {
	width: 100%;
	height: 60px;
}
.blank-80 {
	width: 100%;
	height: 80px;
}
.blank-100 {
	width: 100%;
	height: 100px;
}
.blank-150 {
	width: 100%;
	height: 100px;
}
.blank-200 {
	width: 100%;
	height: 200px;
}
.ss-topbg {
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}
/*关于我们背景图*/
.section1 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-about-us_01.jpg);
	background-size: 100%;
}
/*新闻背景图*/
.section2 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-news_01.jpg);
	background-size: cover;
}
/*产品背景图*/
.section3 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-product_01.jpg);
	background-size: cover;
}
/*联系我们背景图*/
.section4 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-contact_01.jpg);
	background-size: cover;
}
/*党建背景图*/
.section5 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-dj_01.jpg);
	background-size: cover;
}
/*安全环保背景图*/
.section6 {
	color: white;
	height: 735px;
	background-image: url(../image/yh-safety_01.jpg);
	background-size: cover;
}
/*内页 头部*/
.index-top {
	width: 100%;
	float: left;
}
.index-top .bg {
	width: 100%;
	height: auto;
	background-size: cover;
}
.index-top .logobox2 {
	width: 100%;
	height: 120px;
	float: left;
	background: #fff;
	padding-left: 70px;
	padding-top: 30px;
	z-index: 9999;
	position: absolute
}
.index-top .logobox2 .logo {
	width: 206px;
	float: left;
}
.index-top .logobox2 .menu {
	/* width: 770px;
	float: left; */
	color: #656565;
	line-height: 50px;
	padding-left: 26%;
}
.index-top .logobox2 .menu ul li {
	float: left;
	padding: 0 2%;
}
.index-top .logobox2 .oa {
	width: 280px;
	float: right;
	color: #a8a8a8;
	padding-right: 30px;
	font-size: 1.8rem;
	margin-top: 10px;
}
.index-top .logobox2 .oa a {
	color: #656565;
}
.index-top .logobox2 .oa img {
	vertical-align: middle;
	margin-left: 10px;
}
.index-top .logobox2 a {
	color: #656565;
}
.index-top .logobox2 a:hover {
	opacity: 0.7
}
.about-top-text {
	color: #333333;
	padding-left: 12%;
	padding-top: 8%;
	overflow: hidden;
}
.about-top-text .line {
	width: 40px;
	height: 2px;
	background: #c9002b;
	display: block;
	overflow: hidden;
}
.about-top-text h1 {
	font-size: 5rem;
	font-weight: bold;
	line-height: 8rem;
}
.about-top-text h2 {
	font-size: 3rem;
	font-weight: 400
}
.about-top-text h3 {
	font-size: 2rem;
	line-height: 3rem;
}
/*关于我们*/
.about-title-text {
	color: #333333;
	padding-top: 8%;
	overflow: hidden;
}
.about-title-text .line {
	width: 40px;
	height: 2px;
	background: #c9002b;
	display: block;
	overflow: hidden;
}
.about-title-text h1 {
	font-size: 5rem;
	font-weight: bold;
	line-height: 8rem;
}
.about-title-text h2 {
	font-size: 3rem;
	font-weight: 400
}
.about-title-text h3 {
	font-size: 2rem;
	line-height: 3rem;
}
.about1 {
	width: 100%;
	background: #fff;
	overflow: hidden;
	color: #051b3a;
}
.about1 .text {
	width: 100%;
	overflow: hidden;
	margin: 3% auto 5%;
	line-height: 2.6rem;
	font-size: 1.6rem;
}
.about1 .readmore {}
.about1 .readmore a {
	color: #051b3a;
}
.about1 .readmore a:hover {
	color: #c9002b;
}
.about1 .pic {
	margin-top: 5%;
}
.about1 .pic img {
	width: 100%;
}
.about1 .listedcompany {
	width: 100%;
	overflow: hidden;
}
.about1 .listedcompany .content1 {
	width: 45%;
	float: left;
	height: auto;
	overflow: hidden;
	margin-top: 5%;
	margin-bottom: 5%;
	padding-right: 5%;
}
.about1 .listedcompany .content1 .title {
	font-size: 2.2rem;
	color: #ce052f;
	margin-bottom: 20px;
}
.about1 .listedcompany .content1 .text {
	font-size: 1.6rem;
	color: #051b3a;
	line-height: 2.4rem;
	height: 140px;
	overflow: hidden;
}
.about1 .listedcompany .content1 .readmore {
	text-align: right;
	color: #051b3a;
}
.about2 {
	width: 100%;
	overflow: hidden;
}
.about2 .honor {
	width: 100%;
	overflow: hidden;
	margin-top: 4%;
}
.about2 .honor1 {
	width: 100%;
	float: left;
	overflow: hidden;
	background: #fbfbfb;
	padding: 4%;
}
.about2 .honor2 {
	width: 50%;
	float: left;
	overflow: hidden;
	background: #f3f4f6;
	padding: 4%;
}
.about2 .honor .pic {
	float: left;
	width: 48%;
}
.about2 .honor .pic img {
	width: 100%
}
.about2 .honor .text {
	float: right;
	width: 45%;
	color: #172e49;
	padding: 8% 0
}
.about2 .honor .text .title {
	font-size: 2.8rem;
	margin-bottom: 5%;
}
.about2 .honor .text .detail {
	line-height: 2.4rem
}
.about2 .honor .text .date {}
/* 横向滚动
------------------------------ */
.scroll_horizontal {
	position: relative;
	width: 100%;
	padding: 0;
}
.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
	height: 360px;
}
.scroll_horizontal .list li {
	float: left;
	padding: 48px;
	background: #fbfbfb;
	width: 750px;
	transition: .4s ease;
	height: 360px
}
.scroll_horizontal .list li:hover {
	background: #f3f4f6;
}
.scroll_horizontal .prev,
.scroll_horizontal .next {
	position: absolute;
	top: 50%;
	z-index: 99999999;
	margin-top: -30px;
	width: 41px;
	height: 82px;
	background-image: url(../image/jtl02.png);
	background-repeat: no-repeat;
	font: 0/0 Arial;
	cursor: pointer;
}
.scroll_horizontal .prev {
	left: 0px;
	background-position: 0 0;
}
.scroll_horizontal .next {
	right: 0px;
	background-image: url(../image/jtr02.png);
}
.scroll_horizontal .prev:hover {
	background-position: 0 0px;
}
.scroll_horizontal .next:hover {
	background-position: 0;
}
/*新闻*/
.news-title-text {
	color: #fff;
	padding-top: 220px;
	overflow: hidden;
	padding-left: 12%;
}
.news-title-text .line {
	width: 40px;
	height: 2px;
	background: #c9002b;
	display: block;
	overflow: hidden;
}
.news-title-text h1 {
	font-size: 5rem;
	font-weight: bold;
	line-height: 8rem;
}
.news-title-text h2 {
	font-size: 3rem;
	font-weight: 400
}
.news-title-text h3 {
	font-size: 2rem;
	line-height: 3rem;
}
.news-menu-box {
	width: 100%;
	background: url(../image/yh-news-menu-bg.jpg) bottom repeat-x;
	margin-bottom: 10px;
}
.news-menu-box .submenu {
	width: 120px;
	text-align: center;
	float: left;
	line-height: 6rem;
}
.news-textbox {
	width: 100%;
	margin: auto;
	overflow: hidden;
	text-align: left;
}
.news-textbox .title {
	width: 100%;
	font-size: 2.8rem;
	font-weight: bold;
	color: #e92c11;
	margin-top: 4%;
	margin-bottom: 2%
}
.news-textbox .text {
	width: 100%;
	color: #585858;
	font-size: 1.5rem;
	line-height: 2.8rem;
	margin-top: 60px;
	margin-bottom: 60px;
	overflow: hidden;
}
.news-textbox .img {
	width: 100%;
}
.news-list-box {
	width: 100%;
	overflow: hidden;
}
.news-list-box li {
	margin-top: 4%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4%;
}
.news-list-box li .pic {
	width: 257px;
	height: 168px;
	float: left;
}
.news-list-box li .date {
	width: 120px;
	float: left;
	color: #888888;
	font-size: 1.4rem;
	margin-left: 15px;
	margin-bottom: 10px;
}
.news-list-box li .textbox {
	width: 70%;
	float: left;
	margin-left: 15px;
}
.news-list-box li .textbox .title {
	color: #122b49;
	font-size: 1.8rem;
	font-weight: bold;
}
.news-list-box li .textbox .title a {
	color: #122b49;
	font-weight: bold;
}
.news-list-box li .textbox .title a:hover {
	color: #db0000;
	font-weight: bold;
}
.news-list-box li .textbox .text {
	color: #585858;
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin-top: 15px;
	overflow: hidden;
}
.news-list-box li .textbox .more {
	color: #122b49;
	font-size: 1.4rem;
	margin-top: 15px;
}
.news-list-box li .textbox .more a {
	color: #122b49;
	font-size: 1.4rem;
}
.news-list-box li .textbox .more a:hover {
	opacity: 0.7
}
/*详细页*/
.detail {
	width: 100%;
	overflow: hidden;
	margin-top: 4%
}
.detail .title {
	font-size: 2.4rem;
	color: #636363;
	line-height: 4rem;
	text-align: center;
}
.detail .date {
	background: #f1f6fa;
	line-height: 3.4rem;
	padding-left: 20px;
	margin-top: 20px;
	text-align: center;
}
.detail .content {
	width: 94%;
	margin-top: 40px;
}
.detail .content img {
	margin: auto;
}
.detail-link {
	width: 100%;
	border-top: 1px dashed #d9d8d8;
	overflow: hidden;
	padding-top: 30px;
	margin-top: 50px;
}
.detail-link li {
	width: 100%;
	overflow: hidden;
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 30px;
	color: #595959;
}
.detail-link li a {
	color: #0058a3;
}
.detail-btn {
	float: right;
	width: 100px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 1.6rem;
	text-align: center;
	margin: -50px 1% 0 0;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}
.detail-btn:hover,
.yh-news-detail-btn:focus,
.yh-news-detail-btn:active {
	background-color: #035cac;
	color: #fff;
	border: 1px solid #035cac;
}
/*产品*/
.pro-topbox {
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
}
.pro-topbox .left {
	width: 24%;
	float: left
}
.pro-topbox .left .title {
	color: #172e49;
	font-size: 5rem;
	font-weight: 600;
	margin-top: 80px;
}
.pro-topbox .left .title2 {
	color: #172e49;
	font-size: 4rem;
	margin-top: 10px;
}
.pro-topbox .left .text {
	line-height: 2.4rem;
	margin-top: 20px;
}
.pro-topbox .left .btn {
	margin-top: 130px;
}
.pro-topbox .right {
	width: 980px;
	float: right;
	overflow: hidden;
}
.pro-topbox .right .content1 {
	width: 340px;
	float: left;
	background: #f5f5f5;
	margin-right: 20px;
}
.pro-topbox .right .content1 .text {
	padding: 80px 30px 115px;
	font-size: 1.8rem;
	line-height: 2.3rem;
}
.pro-topbox .right .content1 .pic {}
.pro-topbox .right .content1 .pic img {
	width: 100%;
	height: 275px;
	overflow: hidden
}
.pro-topbox .right .content1 .pic img:hover {
	opacity: 0.6;
	transform: .4s ease
}
.pro-topbox .right .content2 {
	width: 62%;
	float: left;
	background: #f5f5f5;
}
.pro-topbox .right .content2 .content2-1 {
	width: 100%;
	overflow: hidden;
}
.pro-topbox .right .content2 .content2-1 .text {
	padding: 80px 30px 50px;
	font-size: 1.8rem;
	line-height: 2.6rem;
	width: 50%;
	float: left;
}
.pro-topbox .right .content2 .content2-1 .pic {
	width: 50%;
	float: left;
}
.pro-topbox .right .content2 .content2-1 .pic img {
	width: 100%;
	height: 255px;
	overflow: hidden
}
.pro-topbox .right .content2 .content2-1 .pic img:hover {
	opacity: 0.6;
	transform: .4s ease
}
.pro-topbox .right .content2 .blank {
	width: 100%;
	height: 15px;
	background: #fff;
	float: left;
}
.pro-list {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}
.pro-list .line {
	width: 100%;
	height: 1px;
	background: #ececec;
	margin-bottom: 50px;
}
.pro-list .probox {
	width: 100%;
	overflow: hidden;
}
.pro-list .probox ul li {
	width: 33.33%;
	float: left;
}
.pro-list .probox ul li .pic {
	width: 462px;
	height: 552px;
	border: 1px solid #ccc;
	margin: 0 auto 40px
}
.pro-net-top {
	width: 100%;
}
.pro-net-top img {
	width: 100%;
}
.pro-net-box {
	width: 100%;
	overflow: hidden;
	background: #fcfcfc;
}
.pro-net-box .left {
	width: 30%;
	float: left;
	height: 680px;
	margin-left: 8%;
}
.pro-net-box .right {
	width: 62%;
	float: right;
}
/*联系我们*/
.contact1 {
	width: 1000px;
	background: #fff;
	margin-top: -200px;
	overflow: hidden;
	z-index: 2;
	position: absolute;
	right: 100px;
	padding: 6% 6% 8% 6%
}
.contact1 .title {
	font-size: 3.6rem;
	font-weight: 400;
	color: #333333;
	margin-bottom: 20px;
}
.contact1 .text {
	font-size: 2.6rem;
	font-weight: 400;
	color: #333333;
	overflow: hidden;
}
.contact1 .text .add {
	width: 45%;
	float: left;
}
.contact1 .text .tel {
	width: 40%;
	float: left;
}
.contact1 .text .other {
	width: 15%;
	float: left;
}
.contact1 .text .other img {
	margin: 0 5px
}
.contact1 .text .font {
	font-size: 1.6rem;
	color: #6a6969;
}
.contact1 .line {
	width: 100%;
	height: 1px;
	background: #dfdfdf;
	margin-top: 5%
}
.contact2 {
	width: 100%;
	float: left;
	height: 677px;
}
.contact3 {
	width: 100%;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
}
.contact3 .message {
	width: 1200px;
	margin: auto;
	border: 1px solid #ccc;
	padding: 5%;
	overflow: hidden;
}
.contact3 .message .title {
	font-size: 2.8rem;
	color: #0a1a2f;
	margin-bottom: 3%;
}
.contact3 .message .row {
	width: 100%;
	float: left;
	padding: 10px 0px;
	overflow: hidden;
}
.contact3 .message .row .left {
	width: 25%;
	float: left;
	color: #0a1a2f;
	font-size: 1.8rem;
	display: block
}
.contact3 .message .row .right {
	width: 75%;
	float: left;
}
.contact3 .message .row .right .red {
	color: #df0034;
	font-weight: bold;
	margin-left: 10px;
}
.contact3 .message .row .right .input {
	padding: 10px;
	width: 80%
}
.yh-btn {
	width: 125px;
	height: 45px;
	line-height: 45px;
	background: #cb1933;
	color: #fff;
	border: none;
	font-size: 18px;
	text-align: center;
	margin: 0 1% 0 0;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	border-radius: 5px;
}
.yh-btn:hover,
.yh-news-detail-btn:focus,
.yh-news-detail-btn:active {
	background-color: #e8233f;
	color: white;
}
/*翻页*/
.fanye {
	width: 100%;
	float: left;
}
.fanye-box {
	width: 380px;
	float: none;
	text-align: center;
	line-height: 35px;
}
.fanye-Previous {
	width: 78px;
	float: left;
	border: 1px solid #bfc4c5;
	height: 35px;
	color: #666666;
	margin-right: 5px;
}
.fanye-Next {
	width: 78px;
	float: left;
	border: 1px solid #bfc4c5;
	height: 35px;
	color: #414040;
	margin-left: 5px;
}
.fanye-Number {
	width: 35px;
	float: left;
	color: #414040;
	margin: 0 5px;
	border: 1px solid #bfc4c5;
}
.fanye-Number-current {
	width: 35px;
	float: left;
	color: #fff;
	background: #d5ae69;
	margin: 0 5px;
}
/*翻页*/
.fanye2 {
	width: 100%;
	float: left;
}
.fanye2-box {
	width: 380px;
	float: none;
	margin: auto;
	text-align: center;
	line-height: 35px;
}
.fanye2-Previous {
	width: 78px;
	float: left;
	border: 1px solid #bfc4c5;
	height: 35px;
	color: #666666;
	margin-right: 5px;
}
.fanye2-Next {
	width: 78px;
	float: left;
	border: 1px solid #bfc4c5;
	height: 35px;
	color: #414040;
	margin-left: 5px;
}
.fanye2-Number {
	width: 35px;
	float: left;
	color: #414040;
	margin: 0 5px;
	border: 1px solid #bfc4c5;
}
.fanye2-Number-current {
	width: 35px;
	float: left;
	color: #fff;
	background: #dc0000;
	margin: 0 5px;
}
/*>1920*/
@media screen and (min-width:1921px) {}
/*<1500*/
@media screen and (max-width:1499px) {
	.width-1500 {
		width: 96%;
	}
	.pro-list .probox ul li .pic {
		width: 96%;
		height: auto;
	}
	.pro-list .probox ul li .pic img {
		width: 100%;
	}
}
/*<1363*/
@media screen and (max-width:1363px) {
	.pro-topbox .right {
		width: 980px;
		float: left;
		margin-top: 30px;
	}
	.pro-topbox .left {
		width: 100%;
	}
	.index-news-box {
		width: 98%;
	}
}
/*<1300*/
@media screen and (max-width:1399px) {
	.width-1300 {
		width: 96%;
	}
	.pro-topbox .left .btn {
		margin-top: 5%;
	}
	.contact1 {
		width: 90%;
		margin: -200px auto 0;
		right: 5%;
	}
	.contact3 .message {
		width: 90%;
	}
}
/*<1200*/
@media screen and (max-width:1199px) {
	html {
		font-size: 56.3% !important;
		/* 10ÃƒÂ·16=62.5% */
		;
	}
	.index-top .logobox .menu {
		display: none;
	}
	.index-top .logobox2 .menu {
		display: none;
	}
	.index-line2 {
		width: 100%;
	}
	.index-news-box .news-jt {
		width: 100%;
	}
	.index-news-box .news-dj {
		width: 100%;
	}
	.index-news-box .news-dj .djnews li {
		width: 48%;
		margin: 1%;
		float: left;
	}
	.pro-net-box .left {
		width: 70%;
		float: none;
		margin: auto;
	}
	.pro-net-box .right {
		width: 100%;
		display: none;
		float: right;
		margin-top: 700px;
	}
	.footer .footer-menu {
		width: 90%;
		margin: auto;
		float: none
	}
	.footer .footer-menu .submenu {
		width: 16%;
		float: left;
	}
	.footer .footer-menu .submenu li {
		font-size: 1.4rem;
		color: #909090;
		line-height: 2.2rem
	}
	.footer .footer-menu .submenu li a {
		color: #909090;
	}
	.footer .footer-menu .submenu li a:hover {
		opacity: 0.8
	}
	.footer .footer-menu .submenu .title {
		font-size: 1.8rem;
		color: #f1f1f1;
		margin-bottom: 10px;
	}
	.footer .footer-code {
		width: 100%;
		margin: 5% auto 0;
	}
	.footer .footer-link {
		display: none;
	}
	.footer2 .copyright {
		width: 50%;
	}
}
/*<1000*/
@media screen and (max-width:999px) {
	.news-list-box li .textbox {
		width: 60%;
		float: left;
		margin-left: 15px;
	}
	.pro-topbox .right {
		width: 100%;
		float: left;
		margin: 30px auto 0;
		overflow: hidden;
	}
	.pro-topbox .right .content1 {
		width: 100%;
		float: left;
		background: #f5f5f5;
		margin-right: 20px;
	}
	.pro-topbox .right .content1 .text {
		width: 50%;
		float: left;
		padding: 80px 30px 108px;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.pro-topbox .right .content1 .pic {
		width: 50%;
		float: left;
	}
	.pro-topbox .right .content1 .pic img {
		width: 100%;
		height: auto;
		overflow: hidden
	}
	.pro-topbox .right .content2 {
		width: 100%;
		float: left;
		background: #f5f5f5;
		margin-top: 20px;
	}
	.pro-topbox .right .content2 .content2-1 {
		width: 100%;
		overflow: hidden;
	}
	.pro-topbox .right .content2 .content2-1 .text {
		padding: 80px 30px 50px;
		font-size: 1.8rem;
		line-height: 2.6rem;
		width: 50%;
		float: left;
	}
	.pro-topbox .right .content2 .content2-1 .pic {
		width: 50%;
		float: left;
	}
	.pro-topbox .right .content2 .content2-1 .pic img {
		width: 100%;
		height: auto;
		overflow: hidden
	}
	.pro-topbox .right .content2 .blank {
		width: 100%;
		height: 15px;
		background: #fff;
		float: left;
	}
	.index-cysummary {
		padding: 0px 10%;
	}
}
/*<800*/
@media screen and (max-width:790px) {
	.news-list-box li .pic {
		display: none
	}
	.news-list-box li .textbox {
		width: 96%;
		float: left;
		margin-left: 15px;
	}
	.pro-list .probox ul li {
		width: 50%;
		float: left;
	}
	.pro-net-box .left {
		display: block
	}
	.pro-net-box .right {
		display: none
	}
	.about2 .honor .pic {
		width: 100%;
	}
	.about2 .honor .text {
		width: 100%;
	}
	.index-cy2 {
		width: 100%;
	}
	.index-cytitle {
		margin-top: 26%;
	}
	.index-cy2:hover .index-cysummary {
		opacity: 0;
		margin-top: 45%;
	}
	.index-cysummary {
		margin-top: 40%;
	}
	.index-cy2:hover .index-cybtn {
		margin-top: 43%;
	}
	.scroll_horizontal .list li {
		width: 600px;
	}
	/*关于我们背景图*/
	.section1 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-about-us_01.jpg);
		background-size: cover;
	}
	/*新闻背景图*/
	.section2 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-news_01.jpg);
		background-size: cover;
	}
	/*产品背景图*/
	.section3 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-product_01.jpg);
		background-size: cover;
	}
	/*联系我们背景图*/
	.section4 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-contact_01.jpg);
		background-size: cover;
	}
	/*党建背景图*/
	.section5 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-dj_01.jpg);
		background-size: cover;
	}
	/*安全环保背景图*/
	.section6 {
		color: white;
		height: 735px;
		background-image: url(../image/yh-safety_01.jpg);
		background-size: cover;
	}
}
.yh-net-city {
	line-height: 3rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.yh-net-img {
	width: 90%;
	margin: auto
}
.yh-net-img img {
	width: 100%;
}
.yh-net-title {
	width: 90%;
	font-size: 1.2rem;
	color: #40c9cd;
	margin: 3% auto;
}
.yh-net-text {
	width: 90%;
	margin: auto;
	color: #7d7d7d;
	line-height: 1.8rem
}