* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ol,ul,li {
	list-style: none;
}
a {
	text-decoration: none;
}
input,textarea {
	outline: none;
}
body {
	font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif;
}
.hergom_cl {
	display: inline-block;
}
.hergom_cl:after {
	content: "";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	font-size: 0;
}
.hergom_flex {
	display: flex;
	justify-content: flex-start;
}
.hergom_main-pic {
	width: 100%;
	position: relative;
}
.hergom_main-pic img, .hergom_main-pic video {
	width: 100%;
	height: auto;
	display: block;
}
.hergom_down_scroll {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	width: 53%;
	background: #F3F3F3;
	height: 60px;
	line-height: 60px;
}
.hergom_down_scroll span {
	padding-left: 34px;
	font-size: 14px;
	color: #919191;
	cursor: pointer;
	width: 20%;
	display: block;
}
.banner-container .swiper-button-next, .banner-container .swiper-button-prev {
	bottom: 0;
	top: auto;
}
.banner-container .swiper-button-next {
	right: 23.5%;
}
.banner-container .swiper-button-prev {
	left: 70.2%;
}
/*public swiper*/
.main-container .swiper-button-next, .main-container .swiper-button-prev, .life_leader .swiper-button-next, .life_leader .swiper-button-prev {
	background: #fff;
	width: 60px;
	height: 60px;
	outline: none;
}
.main-container .swiper-button-next:after, .life_leader .swiper-button-next:after {
	content: "";
	background: url(../images/sprite.png) no-repeat;
	width: 19px;
	height: 8px;
	background-position: -31px -96px;
}
.main-container .swiper-button-prev:after, .life_leader .swiper-button-prev:after {
	content: "";
	background: url(../images/sprite.png) no-repeat;
	width: 19px;
	height: 8px;
	background-position: -31px -77px;
}
.main-container .swiper-button-next:hover, .main-container .swiper-button-prev:hover, .life_leader .swiper-button-next:hover, .life_leader .swiper-button-prev:hover {
	background: #B2222D;
}
.main-container .swiper-button-next:hover:after, .life_leader .swiper-button-next:hover:after {
	background-position: -31px -133px;
}
.main-container .swiper-button-prev:hover:after, .life_leader .swiper-button-prev:hover:after {
	background-position: -31px -114px;
}
/*public swiper*/
.hergom_icon {
	background: url(../images/sprite.png) no-repeat;
	background-size: 300px 200px;
	display: inline-block;
	vertical-align: middle;
}
.navbar_icon {
	width: 15px;
	height: 12px;
	background-position: 0 0;
}
.hergom_bar {
	position: fixed;
	top: 22px;
	right: 58px;
	z-index: 9;
	cursor: pointer;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	transition: background 0.3s;
}
.hergom_bar_in {
	background: #f3f3f3;
}
.hergom_bar_in .navbar_icon, .hergom_bar_active .navbar_icon {
	background-position: -31px -181px;
}
.hergom_header  {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
}
.hergom_top_navbar {
	justify-content: space-between;
	padding: 38px 80px;
}
.hergom_navbar {
	padding-right: 85px;
	padding-top: 4px;
}
.hergom_navbar a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	font-family: brownLight;
	margin-right: 32px;
}
.hergom_navbar a:hover,.hergom_navbar a.active {
	font-family: brownBoldAlt;
	font-weight: bold;
}
.hergom_about_container {
	position: relative;
	width: 100%;
	justify-content: flex-end;
}
.hergom_about_js {
	position: absolute;
	left: 10%;
	top: 40%;
	transform: rotate(-90deg);
	font-size: 12px;
	color: #919191;
	font-family: brownRegular;
}
.hergom_about_container {
	/*overflow: visible;*/
}
.hergom_about_container .swiper-button-prev, .hergom_about_container .swiper-button-next {
	top: 58%;
}
.hergom_about_container .swiper-button-prev {
	left: 71.8%;
}
.hergom_about_container .swiper-button-next {
	right: 21.9%;
}
.hergom_about_content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;

	width: 53%;
	margin: auto;
	background: #F3F3F3;
	/*	min-height: 730px;*/
	/*position: relative;*/
	padding: 110px 0 180px 100px;
}
.hergom_about_intro {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 30px;
	margin-top: 60px;
}
.hergom_about_more {
	margin-top: 60px;
}
.hergom_about_more a {
	display: inline-block;
	border-bottom: 2px solid #666;
	padding: 23px 50px 23px 0;
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
}
.hergom_about_title {
	font-size: 54px;
	color: #000;
	font-family: brownBoldAlt;
}
.hergom_about_info {
	position: relative;
	z-index: 3;
	padding-right: 11%;
	padding-top: 5%;
}
.hergom_about_pic1 {
	position: relative;
	z-index: 3;
	margin-top: 113px;
	width: 25%;
}
.hergom_about_pic2 {
	position: relative;
	z-index: 3;
	margin-top: 183px;
	width: 26%;
}
.hergom_about_pic1 img, .hergom_about_pic2 img {
	display: block;
	width: 100%;
	height: auto;
}
.hergom_products {
	background: #F3F3F3;
	position: relative;
	padding: 150px 0 160px;
	margin-top: 180px;
}
.hergom_pro_before {
	position: absolute;
	left: 12%;
	transform: rotate(-90deg);
}
.hergom_pro_after {
	position: absolute;
	right: 12%;
	transform: rotate(90deg);
}
.hergom_pro_before, .hergom_pro_after {
	font-size: 12px;
	color: #666;
	font-family: brownRegular;
	top: 20%;
}
.hergom_products_main {
	width: 53%;
	margin: auto;
}
.hergom_pro_title {
	padding-left: 75px;
}
.hergom_product_types {
	margin: 33px 0 0;
}
.hergom_product_types {
	padding-left: 75px;
}
.hergom_product_types span, .hergom_product_types a {
	display: inline-block;
}
.hergom_product_types span {
	font-size: 20px;
	color: #8A8B90;
	font-family: brownBoldAlt;
}
.hergom_product_types a {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	padding: 2px 10px;
	margin-left: 40px;
}
.hergom_product_types a:hover {
	text-decoration: underline;
	color: #B2222D;
}
.hergom_product_types a:active, .hergom_product_types a.active {
	text-decoration: none;
	color: #fff;
	background: #B2222D;
}
.hergom_product_list {
	padding: 40px 0 0;
	flex-wrap: wrap;
}
.hergom_product_list a {
	width: 32%;
	margin-right: 2%;
	margin-top: 20px;
}
.hergom_product_list a:nth-child(3n) {
	margin-right: 0;
}
.hergom_pro_pic {
	background: #FAFAFA;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 420px;
	position: relative;
}
.hergom_pro_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	height: 100%;
}
.hergom_pro_hover img {
	width: 100%;
	height: 100%;
	display: block;
}
.hergom_product_list a:hover .hergom_pro_hover{
	visibility: visible;
	opacity: 1;
	transition: all 1s;
}
.hergom_pro_intro {
	background: #fff;
	padding: 40px 30px;
}
.hergom_pro_intro div {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.hergom_pro_intro p {
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
	margin-top: 12px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.hergom_pro_more {
	padding-left: 75px;
	margin: 40px 0 160px;
}
.hergom_yl_pos {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 160px;
	padding: 0 20px;
	background: #fff;
}
.hergom_yl_pos a {
	display: block;
	font-size: 14px;
	color: #999;
	font-family: browMedium;
	padding: 26px 0 20px;
	/*border-bottom: 2px solid #6A6B74;*/
	text-align: center;
}
.hergom_yl_pos a:hover {
	color: #b41c29;
}
.hergom_syms {
	position: relative;
	margin-top: 160px;
}
.hergom_syms_content {
	position: relative;
	z-index: 2;
	width: 92%;
	margin: auto;
}
.hergom_syms_container .swiper-button-prev, .hergom_syms_container .swiper-button-next {
	top: auto;
	bottom: 0;
}
.hergom_syms_container .swiper-button-prev {
	left: 0%;
}
.hergom_syms_container .swiper-button-next {
	right: auto;
	left: 3.4%;
}
.hergom_slider_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 60px;
}
.hergom_concept {
	width: 1100px;
	margin: auto;
	justify-content: space-between;
	padding: 130px 0 0;
}
.hergom_concept > div:first-child {
	font-size: 56px;
	color: #333;
	font-family: sfuiRegular;
	width: 30%;
}
.hergom_concept > div:last-child {
	font-size: 16px;
	color: #333;
	font-family: browMedium;
	line-height: 35px;
	width: 70%;
}
.hergom_concept_pic {
	width: 81%;
	margin: 140px auto 160px;
	justify-content: space-between;
}
.hergom_concept_pic a {
	width: 23%;
}
.hergom_concept_img {
	position: relative;
}
.hergom_concept_img img {
	width: 100%;
	height: auto;
	display: block;
}
.hergom_con_font {
	position: absolute;
	bottom: 23px;
	left: 18px;
	z-index: 2;
	font-size: 16px;
	color: #fff;
	font-family: brownRegular;
}
.hergom_connected {
	position: relative;
}
.hergom_connected img {
	width: 100%;
	height: auto;
	display: block;
}
.hergom_bottom_bg {
	background: #fff;
	height: 115px;
}
.hergom_con_intro {
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	margin: auto;
	width: 53%;
}
.hergon_stay span {
	display: inline-block;
	color: #fff;
	margin-right: 20px;
}
.hergon_stay span:first-child {
	font-weight: bold;
}
.hergon_stay span:last-child {
	font-size: 16px;
	color: #fff;
	font-family: sfuiMedium;
	text-transform: uppercase;
}
.hergom_contact_block {
	background: url(../images/hergom-21.jpg) no-repeat;
	width: 1025px;
	height: 315px;
	background-size: cover;
	justify-content: space-around;
	align-items: center;
	margin-top: 80px;
}
.hergom_contact_block > div {
	width: 30%;
	text-align: center;
}
.hergom_cfont {
	font-size: 16px;
	color: #fff;
	font-family: brownRegular;
	margin-top: 30px;
}
.hergom_tel_icon {
	width: 28px;
	height: 28px;
	background-position: 0 -114px;
}
.hergom_ads_icon {
	width: 20px;
	height: 28px;
	background-position: 0 -153px;
}
.hergom_wechat img {
	width: 120px;
	display: block;
	margin: auto;
}
.hergom_footer {
	padding: 160px 80px 80px;
	align-items: center;
	justify-content: space-between;
}
.hergom_footer > div {
	align-items: center;
}
.hergom_navbar_list {
	width: 240px;
	margin-left: 60px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hergom_navbar_list a {
	width: 33.3%;
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
	margin-top: 10px;
}
.hergom_wchat_icon {
	width: 20px;
	height: 16px;
	background-position: -31px 0;
}
.hergom_tel1_icon {
	width: 16px;
	height: 16px;
	background-position: -31px -23px;
}
.hergom_ads1_icon {
	width: 12px;
	height: 16px;
	background-position: -31px -47px;
}
.hergom_copyright {

}
.hergom_copyright a {
	margin-left: 23px;
}
.hergom_copy {
	font-size: 14px;
	color: #333;
	font-family: brownBoldAlt;
	margin: 0 65px 0 50px;
}
.hergom_goto {
	display: inline-block;
	text-align: center;
	width: 168px;
	height: 60px;
	line-height: 60px;
	background: #363636;
	font-size: 14px;
	color: #fff;
	font-family: brownRegular;
	text-transform: uppercase;
}
.hergom_fixed_navbar {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
}
.hergom_close {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-position: -31px -152px;
	cursor: pointer;
	position: absolute;
	right: 80px;
	top: 45px;
}
.hergom_modal_block {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	width: 50%;
	margin: auto;
	justify-content: space-between;
	margin: auto;
}
.hergom_lan {
	margin: 220px 0 135px;
}
.hergom_lan a {
	display: block;
	font-size: 16px;
	color: #a0a0a0;
	font-family: brownRegular;
	margin-bottom: 30px;
}
.hergom_lan a:hover {
	color: #fff;
	text-decoration: underline;
}
.hergom_go_block a {
	display: inline-block;
	width: 167px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	border: 1px solid #9F9F9F;
	font-size: 14px;
	color: #fff;
	font-family: brownRegular;
	text-transform: uppercase;
}
.hergom_modal_nav a {
	display: block;
	margin: 0 0 90px 0;
	font-size: 20px;
	color: #aaa;
	font-family: brownBoldAlt;
}
.hergom_modal_nav a:hover {
	color: #fff;
}
.hergom_modal_nav .hergom_modal_snav{
	display: inline-block;
	margin-right: 50px;
	font-size: 16px;
	color: #aaa;
	font-family: sfuiRegular;
}
.hergom_madal_contact {
	/*margin-top: 95px;*/
}
.hergom_madal_contact a {
	margin-right: 36px;
}
.hergom_mwechat_icon {
	width: 28px;
	height: 22px;
	background-position: 0 -23px;
}
.hergom_mtel_icon {
	width: 22px;
	height: 22px;
	background-position: 0 -52px;
}
.hergom_mads_icon {
	width: 17px;
	height: 22px;
	background-position: 0 -85px;
}
.about_navbar {
	width: 80%;
	background: #fff;
}
.about_navbar li {
	width: 25%;
	text-align: center;
}
.about_navbar li a {
	font-size: 14px;
	color: #333;
	font-family: brownRegular;
	display: inline-block;
	padding: 0 20px;
	border-bottom: 1px solid transparent;
}
.about_navbar li.active a,.about_navbar li:hover a {
	color: #b41c29;
	border-bottom: 1px solid #b41c29;
}
.life_leader {
	background: #f3f3f3;
	position: relative;
}
.life_leader_content {
	width: 53%;
	margin: auto;
}
.lift_caption {
	font-size: 14px;
	color: #666;
	font-family: sfuiLight;
	transform: rotate(-90deg);
	position: absolute;
	top: 20%;
	left: 6%;
}
.life_intro {
	background: #fff;
	padding: 120px 115px;
	margin-bottom: 80px;
}
.life_title {
	font-size: 56px;
	color: #000;
	font-family: sfuiMedium;
}
.life_intro p {
	margin-top: 90px;
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 30px;
}
.life_leader .swiper-button-prev, .life_leader .swiper-button-next {
	top: auto;
	bottom: 0;
}
.life_leader .swiper-button-prev {
	left: 20.3%;
}
.life_leader .swiper-button-next {
	right: auto;
	left: 23.5%;
}
.our_brand {
	position: relative;
	align-items: center;
	margin-top: 180px;
}
.our_brand_tip {
	position: absolute;
	top: 50%;
	right: 10%;
	font-size: 14px;
	color: #999;
	font-family: sfuiLight;
	transform: rotate(90deg);
}
.brand_img {
	width: 45%;
}
.brand_img img {
	width: 100%;
	height: auto;
	display: block;
}
.brand_info {
	width: 55%;
	padding: 0 19% 0 9%;
}
.brand_title {
	font-size: 56px;
	color: #000;
	font-family: sfuiMedium;
}
.brand_info p {
	margin-top: 75px;
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	line-height: 30px;
}
.about_hergom .brand_info {
	width: 55%;
}
.about_hergom .brand_img {
	width: 45%;
}
.about_hergom .brand_info {
	padding: 0 10% 0 20%;
}
.team_block {
	width: 92%;
	margin: 180px auto 0;
	background: #F9F9F9;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 210px 0 97px;
}
.team_bg {
	width: 83%;
}
.team_bg img {
	display: block;
}
.team_intro {
	width: 58%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.team_title {
	font-size: 56px;
	color: #000;
	font-family: sfuiMedium;
}
.team_intro p {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	margin: 50px 0 70px;
	line-height: 30px;
}
.team_list {
	background: #fff;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 80px 60px 22px;
	width: 100%;
}
.team_list li {
	width: 33.3%;
	text-align: center;
}
.team_name {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	padding: 20px 0 58px;
}
.china_block {
	background: #F3F3F3;
	position: relative;
}
.china_tip {
	position: absolute;
	top: 28%;
	left: 10%;
	font-size: 14px;
	color: #666;
	font-family: sfuiLight;
	transform: rotate(-90deg);
}
.china_hergom {
	background: #fff;
	width: 53%;
	margin: auto;
	padding: 114px 83px 175px;
}
.china_hergom div {
	font-size: 56px;
	color: #000;
	font-family: sfuiMedium;
}
.china_hergom p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 80px;
	line-height: 35px;
}
.china_radio {
	width: 53%;
	margin: 120px auto 0;
	position: relative;
	z-index: 5;
}
.china_radio video {
	display: block;
	width: 100%;
	height:auto;
}
.hergom_rotate {
	position: absolute;
	left: 10%;
	top: 55%;
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
	transform: rotate(-90deg);
}
.hergom_apply {
	background: #F3F3F3;
	padding: 160px 0;
}
.apply_content {
	width: 71%;
	margin: auto;
}
.apply_title {
	font-size: 56px;
	color: #000;
	font-family: sfuiMedium;
	margin-bottom: 80px;
	padding-left: 170px;
}
.apply_intro {
	margin-top: 80px;
	font-size: 16px;
	color: #000;
	font-family: brownRegular;
	padding: 0 170px;
	line-height: 35px;
}
.contact_block {
	position: relative;
}
.store_name {
	position: absolute;
	top: 39%;
	left: 10%;
	transform: rotate(-90deg);
	font-size: 16px;
	color: #999;
	font-family: brownRegular;
}
.contact_form {
	width: 42%;
	margin: auto;
	padding: 160px 0;
}
.hergom_tab span {
	margin-right: 50px;
	cursor: pointer;
}
.span1 {
	background: url(../images/logo-black.png) no-repeat;
	width: 126px;
	height: 31px;
	background-size: cover;
}
.span1.active {
	background: url(../images/logo.png) no-repeat;
	width: 126px;
	height: 31px;
	background-size: cover;
}
.span2 {
	background: url(../images/hergom-40.png) no-repeat;
	width: 191px;
	height: 31px;
	background-size: cover;
}
.span2.active {
	background: url(../images/hergom-39.png) no-repeat;
	width: 191px;
	height: 31px;
	background-size: cover;
}
.contact_content {
	margin-top: 80px;
}
.contact_content > div {
	display: none;
}
.contact_item {
	border-top: 1px solid #363636;
	height: 115px;
	line-height: 115px;
}
.contact_label {
	width: 23%;
	font-size: 16px;
	color: #333;
	font-family: browHeavy;
	font-weight: bold;
	position: relative;
}
.contact_label:before {
	content: '';
	/*border-top: 2px solid #232323;*/
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
}
.contact_value {
	font-size: 16px;
	color: #9b9b9b;
	font-family: sfuiLight;
}
.contact_value i {
	margin-right: 12px;
}
.map_block a {
	width: 168px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #363636;
	margin-right: 50px;
	font-size: 14px;
	color: #fff;
	font-family: brownRegular;
	text-transform: uppercase;
}
.contact_zh .contact_value {
	font-family: brownRegular;
}
.contact_zh .contact_tel, .contact_tel {
	font-family: browMedium;
}
.other_contact {
	background: #F9F9F9;
	position: relative;
}
.other_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.other_info {
	font-size: 14px;
	color: #333;
	font-family: brownRegular;
	margin: 40px 0 80px;
}
.contact_input input {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	background: transparent;
	border: none;
	width: 100%;
}
.contact_input input::-webkit-input-placeholder, .contact_input input::-moz-placeholder, .contact_input input:-moz-placeholder ,.contact_input input:-ms-input-placeholder
{
	color: #000;
	font-family: browMedium;
}
.contact_sign {
	padding: 60px 0;
	border-top: 1px solid #000;
	justify-content: space-between;
}
.contact_sign input[type="checkbox"] {
	width: 32px;
	height: 32px;
	border: 1px solid #000;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.contact_sign label {
	font-size: 14px;
	color: #333;
	font-family: browMedium;
}
.sign_btn {
	cursor: pointer;
	width: 168px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: transparent;
	border: none;
	font-size: 14px;
	color: #000;
	font-family: sfuiMedium;
	text-transform: uppercase;
	position: relative;
}
.contact_value, .contact_input {
	width: 77%;
}
.sustain_navbar .arrow {
	width: 39%;
}
.sustain_navbar .about_navbar {
	width: 62%;
}
.sustain_navbar .about_navbar li {
	width: 33.3%;
}
.manage_block {
	text-align: center;
	padding: 176px 0 174px;
}
.manage_block > div {
	font-size: 54px;
	color: #333;
	font-family: brownBoldAlt;
}
.manage_block > p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 30px;
	margin-top: 60px;
}
.basic_rule {
	background: #EFEFEF;
	padding: 126px 0 113px;
}
.rule_info {
	width: 55%;
	margin: auto;
}
.rule_info div {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.rule_info p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 35px;
	margin-top: 60px;
}
.company_ze {
	width: 55%;
	margin: auto;
	padding-top: 166px;
}
.company_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.company_item {
	margin-top: 80px;
}
.company_item, .company_info {
	font-size: 16px;
	color: #333;
	font-family: browMedium;
}
.company_info {
	margin-top: 15px;
	padding-left: 25px;
	line-height: 35px;
}
.authe_block .rule_info {
	align-items: center;
}
.authe_block {
	margin-top: 140px;
}
.authe_name {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.rule_info .authe_info {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-left: 175px;
	line-height: 35px;
	margin-top: 80px;
}
.authe_img {
	margin-top: 50px;
}
.look_more {
	margin-top: 68px;
}
.look_more a, .about_more a {
	display: block;
	margin: auto;
	width: 168px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 2px solid #363636;
	background: transparent;
	font-size: 16px;
	color: #000;
	font-family: browHeavy;
	position: relative;
}
.hergom_about {
	width: 53%;
	margin: auto;
	padding: 160px 0 80px;
}
.hergom_about p {
	margin-top: 60px;
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 35px;
}
.about_img {
	width: 92%;
	margin: auto;
}
.about_img img {
	display: block;
	width: 100%;
	height: auto;
}
.about_more {
	width: 53%;
	margin: 0 auto 160px;
	padding: 60px 0 0;
}
.about_more a {
	margin: 0;
}
.hergom_china {
	padding: 167px 0 162px;
}
.china_info {
	width: 53%;
	margin: auto;
}
.china_info > div {
	font-size: 52px;
	color: #333;
	font-family: brownBoldAlt;
}
.china_info > p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 50px;
	line-height: 35px;
}
.contact_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: underline;
	font-size: 36px;
	color: #fff;
	font-family: brownBoldAlt;
}
.product_section {
	background: #F3F3F3;
	padding: 120px 0 0;
}
.product_page {
	text-align: center;
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
	padding: 154px 0;
}
.product_container {
	background: #F7F7F7;
}
.product_detail {
	justify-content: space-between;
	align-items: center;
	padding: 160px 0;
	margin: auto;
}
.product_name {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.product_tip {
	font-size: 14px;
	color: #999;
	font-family: browMedium;
	margin: 15px 0 80px;
}
.product_article {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	line-height: 40px;
}
.product_pic img {
	width: 100%;
	display: block;
	height: auto;
}
.product_info {
	width: 39%;
	/*margin-right: 20%;*/
}
.product_specification {
	width: 63%;
	margin: auto;
	padding-top: 153px;
}
.specific_title span {
	width: 60%;
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.specific_title span:last-child {
	width: 40%;
}
.specific_line {
	display: inline-block;
	border-top: 1px solid #363636;
	margin: 33px 0 25px;
	width: 50px;
}
.specification_list {
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 88px;
	border-top: 1px solid #EDEDED;
}
.specification_list li {
	margin-bottom: 88px;
	width: 50%;
}
.specification_list li:nth-child(odd) {
	padding-right: 10%;
}
.specification_list li:nth-child(even) {
	padding-left: 10%;
}
.specifica_img {
	width: 245px;
	margin: 48px auto 60px;
}
.specifica_info dt {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
	margin-bottom: 30px;
	padding-left: 30px;
}
.specifica_info dd {
	border-bottom: 1px solid #EDEDED;
	padding: 20px 0;
}
.specifica_info dd span {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	width: 57%;
}
.specifica_info dd span:first-child {
	padding-left: 30px;
	width: 43%;
}
.product_charact {
	padding: 157px 0 160px;
}
.charact_title {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
}
.charact_list {
	padding: 60px 0 0;
}
.charact_list li {
	width: 56px;
	height: 56px;
	background: #D0D0D0;
	border-radius: 10px;
	line-height: 56px;
	text-align: center;
	margin-right: 80px;
	cursor: pointer;
}
.charact_list li:hover,.material_list li:hover {
	background: #BF002B;
}
.charact1_icon {
	width: 45px;
	height: 32px;
	background-position: -60px 0;
}
.charact2_icon {
	width: 32px;
	height: 47px;
	background-position: -60px -41px;
}
.charact3_icon {
	width: 48px;
	height: 40px;
	background-position: -60px -98px;
}
.charact4_icon {
	width: 41px;
	height: 35px;
	background-position: -60px -149px;
	margin-top: -5px;
}
.charact5_icon {
	width: 41px;
	height: 41px;
	background-position: -113px 0;
}
.charact_tip {
	background: #F7F7F7;
	padding: 38px 31px;
	font-size: 14px;
	color: #666;
	font-family: brownRegular;
}
.material_list {
	margin-top: 60px;
}
.material_list li {
	margin-right: 60px;
	width: 120px;
	height: 86px;
	background: #D0D0D0;
	text-align: center;
	cursor: pointer;
	padding: 15px 0;
}
.material_list li span {
	height: 36px;
}
.material_list li p {
	font-size: 12px;
	color: #fff;
	font-family: browMedium;
	margin-top: 5px;
}
.material1_icon {
	width: 32px;
	height: 36px;
	background-position: -113px -48px;
}
.material2_icon {
	width: 34px;
	height: 36px;
	background-position: -113px -90px;
}
.material3_icon {
	width: 30px;
	height: 36px;
	background-position: -113px -129px;
}
.material4_icon {
	width: 36px;
	height: 30px;
	background-position: -113px -170px;
}
.charact_container {
	margin-top: 160px;
}
.charact_container .swiper-button-next, .charact_container .swiper-button-prev {
	outline: none;
	width: auto;
}
.charact_container .swiper-button-prev {
	left: 80px;
}
.charact_container .swiper-button-next {
	right: 80px;
}
.charact_container .swiper-button-prev:after, .charact_container .swiper-button-next:after {
	background: url(../images/sprite.png) no-repeat;
	background-size: 300px 200px;
}
.charact_container .swiper-button-prev:after {
	content: '';
	width: 38px;
	height: 22px;
	background-position: -158px 0;
}
.charact_container .swiper-button-next:after {
	content: '';
	width: 38px;
	height: 22px;
	background-position: -158px -24px;
}
.product_sim {
	background: #F6F6F6;
}
.product_simlist {
	padding: 160px 0;
}
.produt_simtitle {
	font-size: 36px;
	color: #000;
	font-family: brownBoldAlt;
}
.product_siminfo {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin: 60px 0 0;
	line-height: 35px;
}
.product_simlist .hergom_product_list {
	padding-bottom: 0;
}
.case_container {
	background: #F9F9F9;
	padding-bottom: 138px;
}
.case_article {
	background: #fff;
	padding: 114px 60px 100px;
}
.case_title {
	font-size: 20px;
	color: #333;
	font-family: browHeavy;
}
.case_article p {
	margin-top: 65px;
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	line-height: 35px;
}
.case_img {
	margin-top: 80px;
}
.what_section .brand_title {
	font-size: 36px;
}
.what_section p {
	padding-right: 40px;
	line-height: 35px;
}
.what_section .our_brand_tip {
	transform: rotate(-90deg);
}
.case_syms {
	margin-top: 160px;
}
.case_syms .swiper-button-next, .case_syms .swiper-button-prev {
	outline: none;
	width: auto;
}
.case_syms .swiper-button-prev {
	left: 30px;
}
.case_syms .swiper-button-next {
	right: 30px;
}
.case_syms .swiper-button-prev:after, .case_syms .swiper-button-next:after {
	background: url(../images/sprite.png) no-repeat;
	background-size: 300px 200px;
}
.case_syms .swiper-button-prev:after {
	content: '';
	width: 21px;
	height: 40px;
	background-position: -158px -57px;
}
.case_syms .swiper-button-next:after {
	content: '';
	width: 21px;
	height: 40px;
	background-position: -158px -103px;
}
.case_syms .swiper-pagination {
	bottom: 30px;
}
.case_syms .swiper-pagination-bullet {
	background: #fff;
}
.case_form {
	background: #fff;
}
.case_form .contact_form {
	padding-bottom: 0;
}
.news_container {
	background: #F3F3F3;
	padding-bottom: 108px;
}
.news_warpper {
	background: #fff;
	padding: 0 30px;
}
.news_list {
	padding: 60px 0 0;
}
.news_list > a {
	align-items: center;
	border-bottom: 1px solid #EAEAEA;
}
.news_list > a:last-child {
	border-bottom: none;
}
.news_title {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
}
.news_time {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	margin-top: 37px;
}
.news_time span {
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #363636;
	width: 22px;
	margin-right: 12px;
}
.news_list > a:hover .news_title, .news_list > a:hover .news_time {
	color: #b41c29;
}
.news_list > a:hover .news_time span {
	border-top: 1px solid #b41c29;
}
.news_more {
	padding-bottom: 100px;
}
.news_more a {
	display: inline-block;
	width: 168px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #000;
	font-family: sfuiMedium;
	text-transform: uppercase;
	border: 2px solid #000;
	position: relative;
}
.news_more a:hover {

}
.hergom_black_hearder .hergom_navbar a {
	color: #363636;
	font-family: brownRegular;
}
.hergom_black_hearder .hergom_navbar a:hover {
	font-family: brownBoldAlt;
}
.news_section {
	margin: 139px 0 0;
	padding: 140px 0 0;
}
.news_time1 {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
}
.news_name {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
	margin-top: 30px;
}
.news_content {
	padding-top: 80px;
}
.news_content, .news_content p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 30px;
}
.news_content img {
	display: block;
	width: 100%;
	height: auto;
}
.more_news {
	border: 1px solid #A5A5A5;
	padding: 60px 65px 70px;
	margin-top: 160px;
}
.news_capt {
	font-size: 20px;
	color: #333;
	font-family: brownRegular;
}
.more_news a {
	display: block;
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	text-decoration: underline;
	margin-top: 35px;
}
.more_news a:hover {
	color: #b41c29;
}
.clear_hot {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
	margin-top: 160px;
}
.clear_info {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin: 60px 0 160px;
	line-height: 35px;
}
.zizhi {
	background: #F3F3F3;
	padding: 85px 0;
	margin-top: 160px;
}
.zizhi_info {
	align-items: center;
	justify-content: space-between;
}
.zizhi_img {
	width: 24%;
	box-shadow: 0 3px 3px #ccc;
}
.zizhi_img img {
	width: 100%;
	display: block;
	height: auto;
}
.zizhi_detail {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 35px;
	width: 66%;
}
.jilei_info {
	font-family: browMedium;
	letter-spacing: -1px;
}
.best_cailiao {
	background: #F8F8F8;
	margin-left: 80px;
	position: relative;
	margin-top: 626px;
	padding: 52px 169px 170px;
}
.cailiao_info {
	width: 30%;
	font-size: 16px;
	color: #333;
	line-height: 38px;
}
.cailiao_title {
	position: absolute;
	left: 9%;
	top: -140px;
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
	line-height: 55px;
}
.cailiao_img {
	position: absolute;
	right: 13%;
	top: -370px;
}
.cailiao_img img {
	width: 100%;
	height: auto;
	display: block;
}
.qj_energy {
	margin-top: 182px;
	padding-left: 13%;
	align-items: center;
	justify-content: space-between;
}
.energy_img {
	width: 48%;
}
.energy_img img {
	display: block;
	width: 100%;
	height: auto;
}
.energy_info {
	padding: 0 14% 0 12%;
	width: 52%;
}
.energy_info > div {
	font-size: 	36px;
	color: #333;
	font-family: brownBoldAlt;
	line-height: 65px;
}
.energy_info > p {
	font-size: 	16px;
	color: #333;
	font-family: brownRegular;
	line-height: 35px;
	margin-top: 97px;
}
.zhutie {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 10px;
}
.zhutie_info {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 164px;
	line-height: 35px;
}
.search_input {
	border: 1px solid #ddd;
	width: 81%;
	height: 36px;
	margin: auto;
	border-radius: 10px;
	position: relative;
}
.search_input input[type="text"] {
	background: transparent;
	border: none;
	display: block;
	width: 80%;
	padding: 0 10px;
}
.search_input input[type="submit"] {
	width: 20%;
	background: transparent;
	cursor: pointer;
	border: none;
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
}
.search_icon {
	position: absolute;
	right: 54px;
	top: 11px;
	z-index: -1;
	background: url(../images/sprite.png) no-repeat;
	width: 14px;
	height: 14px;
	background-position: -158px -151px;
}
.qua_section {
	background: #F3F3F3;
	padding-bottom: 160px;
	position: relative;
}
.qua_list {
	background: #fff;
	padding: 48px 30px;
}
.qua_list a {
	display: block;
	border-bottom: 1px solid #EAEAEA;
	padding: 50px 0;
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
}
.qua_list a:last-child {
	border-bottom: none;
}
.qua_list a:hover {
	font-family: brownBoldAlt;
}
.qua_aside {
	position: absolute;
	top: 80px;
	left: 13%;
	width: 110px;
}
.qua_aside a {
	display: block;
	width: 109px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	text-align: center;
	margin-bottom: 10px;
}
.qua_aside a:hover,.qua_aside a.active {
	background: #B3222D;
	color: #fff;
}
.address_list {
	background: #fff;
	padding: 20px 30px 0;
}
.address_list li {
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #EAEAEA;
	padding: 82px 0 160px;
}
.address_list li:last-child {
	border-bottom: none;
}
.mln_info {
	padding-left: 35px;
}
.mln_name {
	font-size: 26px;
	color: #333;
	font-family: brownBoldAlt;
	/*text-transform: uppercase;*/
}
.mln_tip {
	font-size: 18px;
	color: #333;
	font-family: browMedium;
	margin-top: 30px;
}
.ads_info {
	padding-right: 100px;
}
.ads_info p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-bottom: 40px;
}
.map_btn {
	font-size: 16px;
	color: #333;
	font-family: browMedium;
	display: block;
	margin-top: 50px;
}
.shouce_list {
	width: 62%;
	margin: auto;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 60px;
}
.shouce_list a {
	background: #fff;
	width: 47.5%;
	margin-top: 60px;
	padding: 22px 0;
	justify-content: space-between;
	align-items: center;
}
.shouce_pic {
	width: 29%;
	margin: 0 8%;
}
.shouce_pic img {
	width: 100%;
	height: auto;
	display: block;
}
.shouce_info {
	padding: 0 17% 0 0;
	width: 71%;
}
.shouce_name {
	font-size: 16px;
	color: #333;
	font-family: brownBoldAlt；
}
.shouce_time {
	font-size: 12px;
	color: #333;
	font-family: brownRegular;
	opacity: 0.6;
	margin: 10px 0 25px;
}
.shouce_link {
	display: block;
	border: 2px solid #363636;
	background: #fff;
	width: 198px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #000;
	font-family: brownRegular;
	text-align: center;
	position: relative;
}
.shouce_title {
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-family: brownRegular;
	height: 60px;
	line-height: 60px;
	background: #fff;
	position: relative;
}
.shouce_section {
	width: 61%;
	margin: auto;
}
.shouce_aside {
	width: 27%;
}
.shouce_aside dl {
	background: #fff;
	padding:  20px 0 110px;
}
.shouce_aside dl dt {
	position: relative;
}
.shouce_aside dl dt.active .arrow_icon {
	transform: rotate(90deg);
}
.shouce_aside dl dd {
	display: none;
}
.shouce_aside dl dt span,.shouce_aside dl dt a,.shouce_aside dl dd a {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	display: block;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	margin-bottom: 10px;
}
.shouce_aside dl dt span {
	display: inline-block;
	padding-left: 50px;
}
.shouce_aside dl dt a,.shouce_aside dl dd a {
	padding-left: 80px;
}
.shouce_aside dl dt a:hover, .shouce_aside dl dd a:hover {
	background: #F3F3F3;
}
.shouce_block {
	width: 70%;
	margin-left: 3%;
}
.arrow_icon {
	width: 5px;
	height: 11px;
	background-position: -158px -173px;
	position: absolute;
	left: 35px;
	top: 17px;
}
.shouce_article {
	padding: 100px 50px 100px 95px;
	background: #fff;
	margin-bottom: 120px;
}
.shouce_cs {
	font-size: 16px;
	color: #333;
	font-family: browMedium;
	line-height: 35px;
}
.shouce_cs img {
	display: block;
	width: 100%;
	height: auto;
}
.advantage_section {
	background: #F3F3F3;
	margin-bottom: 160px;
}
.advantage_list {
	width: 74%;
	margin: auto;
	padding: 160px 0;
}
.advantage_list li {
	margin-bottom: 100px;

}
.advantage_list li a {
	justify-content: space-between;
	align-items: center;
}
.advantage_list li:last-child {
	margin-bottom: 0;
}
.advantage_pic {
	width: 36%;
}
.advantage_pic img {
	width: 100%;
	height: auto;
	display: block;
}
.advantage_info {
	width: 58%;
}
.advantage_info > div {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
}
.advantage_info > p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 35px;
	margin-top: 25px;
}
.learn_hergom {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}
.learn_font {
	font-size: 36px;
	color: #fff;
	font-family: browMedium;
}
.learn_btn {
	display: block;
	margin: auto;
	width: 168px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background: #fff;
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 35px;
}
.qj_energyimg {
	background: #F8F8F8;
	justify-content: center;
	align-items: center;
}
.qj_energyimg img {
	width: 49%;
	margin: 114px 0;
}
.strength_list {
	width: 55%;
	margin: auto;
	justify-content: space-between;
	align-items: center;
	padding: 226px 0 0;
}
.strength_list li {
	position: relative;
	text-align: center;
	width: 32%;
}
.strength_list li:nth-child(2) {
	width: 38%;
}
.strength_list li:last-child:after {
	border-right: none;
}
.strength_list li:after {
	content: '';
	border-right: 1px solid #666;
	height: 50px;
	position: absolute;
	top: 18%;
	right: 0;
}
.strength_data {
	font-size: 72px;
	color: #b41c29;
	font-family: sfuiBold;
}
.strength_data span {
	font-size: 56px;
	color: #b41c29;
	font-family: sfuiMedium;
}
.strength_data .strength_dw {
	font-size: 18px;
	font-family: brownRegular;
}
.strength_name {
	font-size: 26px;
	color: #666;
	font-family: brownBoldAlt;
	text-align: center;
	margin-top: 40px;
}
.hergom_china_block {
	width: 42%;
	margin: 160px auto;
}
.hergom_china_logo {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 50px;
}
.ads_tab {
	padding: 50px 0 80px;
}
.ads_tab li {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-right: 90px;
	cursor: pointer;
}
.ads_tab li.active {
	color: #b41c29;
	font-weight: bold;
}
.ads_content > div {
	display: none;
}
.ads_list li {
	border-top: 1px solid #363636;
	padding: 60px 0;
}
.ads_list > li > span:first-child {
	font-size: 16px;
	color: #333;
	font-family: browHeavy;
	width: 22%;
}
.ads_list > li > span:last-child, .work_time p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
}
.work_time p {
	letter-spacing: 2px;
	font-family: browMedium;
	line-height: 35px;
}
.hergom_map a {
	width: 168px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 2px solid #000;
	font-size: 14px;
	color: #000;
	font-family: brownBoldAlt;
	margin-right: 50px;
	text-transform: uppercase;
	position: relative;
}
.sign_block {
	width: 168px;
	height: 60px;
	border: 2px solid #363636;
	cursor: pointer;
	position: relative;
}
.hergom_map a:hover,.news_more a:hover,
.look_more a:hover, .about_more a:hover,
.sign_btn:hover,.shouce_link:hover,.sign_block:hover,
.sign_block:hover .sign_btn,.down_album:hover {
	color: #b41c29;
}
.about_more a:before,.about_more a:after,
.hergom_map a:before,.hergom_map a:after,
.news_more a:before, .news_more a:after,
.sign_btn:before, .sign_btn:after,
.shouce_link:before, .shouce_link:after,
.look_more a:before, .look_more a:after,
.sign_block:before,.sign_block:after,
.down_album:before, .down_album:after
{
	content: '';
	border-style: solid;
	position: absolute;
	z-index: 5;
	border-color: #b41c29;
}
.about_more a:before,.hergom_map a:before,
.news_more a:before,.sign_btn:before,
.shouce_link:before,.look_more a:before,.sign_block:before,
.down_album:before
{
	width: 0;
	height: 100%;
	border-width: 2px 0 2px 0;
	top: -2px;
	left: 0;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.about_more a:after,.hergom_map a:after,
.news_more a:after,.sign_btn:after,
.shouce_link:after,.look_more a:after,.sign_block:after,
.down_album:after
{
	width: 100%;
	height: 0;
	border-width: 0 2px 0 2px;
	top: 0;
	left: -2px
}
.about_more a:hover:before,.hergom_map a:hover:before,
.news_more a:hover:before,.sign_btn:hover:before,
.shouce_link:hover:before,.look_more a:hover:before,
.sign_block:hover:before,.down_album:hover:before
{
	width: 100%;
}
.about_more a:hover:after ,.hergom_map a:hover:after,
.news_more a:hover:after ,.sign_btn:hover:after,
.shouce_link:hover:after ,.look_more a:hover:after,
.sign_block:hover:after,.down_album:hover:after
{
	height: 100%;
}

.contact_span a {
	margin-right: 36px;
}
.contact_span {
	/*border-top: 1px solid #000;*/
	padding: 0 0 60px;
}
.product_video {
	width: 53%;
	margin: 160px auto 0;
}
.product_video video, .product_video img {
	display: block;
	max-height: 500px;
	height:auto;
	/*width: 100%;*/
	margin: auto;
}
.product_video video {
	background: #000000;
	padding: 30px;
}
.news_img {
	margin-left: 60px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.news_img img {
	display: block;
}
.news_list a:hover .news_img {
	opacity: 1;
	visibility: visible;
}
.team_service {
	background: #F3F3F3;
	padding: 164px 0 160px;
}
/*.hergom_tools_aside {*/
/*	position: fixed;*/
/*	top: 60%;*/
/*	right: 0;*/
/*	z-index: 9;*/
/*	width: 8%;*/
/*	height: auto;*/
/*}*/
.tools_block {
	text-align: center;
	height: 56px;
	line-height: 56px;
	cursor: pointer;
}
.tools_block:hover {
	background: #C0202C;
}
.hergom_tool1 {
	width: 14px;
	height: 16px;
	background-position: -210px 0;
}
.tools_block:hover .hergom_tool1 {
	background-position: -230px 0;
}
.hergom_tool2 {
	width: 16px;
	height: 15px;
	background-position: -210px -28px;
}
.tools_block:hover .hergom_tool2 {
	background-position: -230px -28px;
}
.hergom_tool3 {
	width: 16px;
	height: 12px;
	background-position: -210px -51px;
}
.tools_block:hover .hergom_tool3 {
	background-position: -230px -51px;
}
.hergom_tool4 {
	width: 16px;
	height: 16px;
	background-position: -210px -74px;
}
.tools_block:hover .hergom_tool4 {
	background-position: -230px -74px;
}
.hergom_tools {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: auto;
}
.hergom_tools > div {
	display: none;
}
.tools_section {
	background: url(../images/hergom-111.jpg) no-repeat;
	width: 92%;
	height: auto;
	margin-right: 8%;
	background-size: cover;
	position: relative;
}
.fork_btn {
	position: absolute;
	right: 8%;
	top: 0;
	width: 62px;
	height: 62px;
	background: #C0202C;
	text-align: center;
	line-height: 62px;
	cursor: pointer;
}
.hergom_fork {
	width: 16px;
	height: 16px;
	background-position: -210px -101px;
}
.album_block {
	align-items: center;
	width: 62%;
	margin: auto;
	justify-content: space-between;
	padding-top: 222px;
}
.album_name {
	font-size: 54px;
	color: #333;
	font-family: brownBoldAlt;
}
.album_info {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin: 82px 0 110px;
	line-height: 35px;
}
.album_info span {
	font-family: brownBoldAlt;
}
.album_info a {
	color: #046efe;
	text-decoration: underline;
}
.down_album {
	display: block;
	width: 168px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	border: 2px solid #363636;
	font-size: 14px;
	color: #333;
	font-family: brownBoldAlt;
	position: relative;
}
.album_detail {
	background: #000;
	padding: 20px 25px 40px;
	position: relative;
	display: block;
}
.album_block .album_detail {
	padding: 20px 25px 35px;
}
.album_list .album_detail {
	padding: 20px 25px 33px;
}
.album_pic img {
	display: block;
	width: 100%;
	height: auto;
}
.album_title {
	font-size: 16px;
	color: #fff;
	font-family: brownRegular;
	padding-top: 33px;
	line-height: 23px;
	padding-right: 200px;
}
.album_line {
	display: inline-block;
	border-top: 1px solid #fff;
	width: 10px;
	margin: 16px 0;
}
.album_tip {
	font-size: 12px;
	color: #f2f2f2;
	font-family: sfuiLight;
	line-height: 18px;
}
.album_title .album_tip {
	width: 140px;
	padding-left: 13px;
}
.album_logo {
	position: absolute;
	right: 28px;
	bottom: 35px;
}
.album_list {
	width: 83%;
	margin: auto;
	padding: 326px 0 187px;
	justify-content: space-between;
}
.album_list .album_title {
	font-size: 14px;
	padding-right: 150px;
}
.album_list a {
	width: 22%;
}
.album_list a .album_logo {
	width: 52px;
}
.hergom_tool5 {
	width: 16px;
	height: 18px;
	background-position: -210px -128px;
}
.tools_block:hover .hergom_tool5 {
	background-position: -210px -150px;
}
.hergom_tools_active {
	right: 16px!important;
}
.hergom_tools_active .tools_block:last-child {
	display: none;
}
.tools_section2 {
	background: url("../images/hergom-114.jpg") no-repeat;
	width: 92%;
	height: 101%;
	margin-right: 8%;
	background-size: cover;
	position: relative;
	overflow: auto;
}
.tools_section2 .album_block {
	align-items: center;
	width: 71%;
	height: 100%;
	justify-content: space-between;
	padding: 0
}
.service_info {
	width: 45%;
}
.service_pic {
	width: 39%;
}
.service_pic img {
	width: 100%;
	height: auto;
	display: block;
}
.contact_flex {
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.contact_left {
	width: 47%;
	padding-left: 14%;
}
.contact_block1 {
	width: 53%;
	padding-right: 122px;
}
.contact_group {
	border-bottom: 1px solid #363636;
	padding: 60px 0;
	position: relative;
}
.contact_group label {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	width: 23%;
}
.contact_int {
	width: 77%;
	position: relative;
}
.contact_int input::-webkit-input-placeholder, .contact_int input::-moz-placeholder, .contact_int input:-moz-placeholder ,.contact_int input:-ms-input-placeholder
{
	color: #9b9b9b;
}
.contact_int input {
	background: transparent;
	border: none;
	font-size: 16px;
	color: #333;
	font-family: browMedium;
	display: block;
	width: 100%;
	padding: 0 10px;
}
.contact_submit {
	padding-top: 60px;
}
.contact_submit input {
	background: transparent;
}
.hergom_arrow {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 20px;
	height: 12px;
	background-position: -210px -176px;
	cursor: pointer;
}
.hergom_arrow_active {
	transform: rotate(-90deg);
}
.commute_block {
	position: relative;
	cursor: pointer;
}
.commute_block input {
	cursor: pointer;
}
.contact_modal {
	display: none;
	position: absolute;
	top: 40px;
	left: 10px;
}
.contact_ul li {
	font-size: 16px;
	color: #9b9b9b;
	font-family: browMedium;
	margin-right: 70px;
	cursor: pointer;
}
.contact_ul li:hover {
	color: #C0202C;
}
.charact_block {
	padding: 30px 0 76px;
}
.charact_block > div {
	display: none;
}
.mln_info .about_more {
	width: auto;
}
.shouce_btn {
	position: absolute;
	right: 0;
	top: 0;
}
.shouce_close_icon {
	width: 16px;
	height: 16px;
	background-position: -230px -97px;
	cursor: pointer;
	margin-right: 30px;
}
.cover_img_content {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
}
.cover_img_content > div {
	display: none;
}
.fonts_container {
	width: 265px;
	margin: 0;
}
.about_container1 {
	position: relative;
	z-index: 3;
	margin-top: 183px;
	width: 25%;
}
.about_container2 {
	position: relative;
	z-index: 3;
	margin-top: 113px;
	width: 25%;
}
.product_color_block {
	justify-content: space-between;
	border-top: 1px solid #ddd;
	margin-top: 116px;
	padding-top: 60px;
}
.product_param_item {
	width: 40%;
}
.product_color_item {
	width: 40%;
}
.product_color_dt {
	margin-bottom: 50px;
	align-items: flex-end;
}
.product_color_font {
	width: 180px;
}
.product_color_font p {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 10px;
}
.product_circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.product_circle1 {
	background: #4E4E4E;
}
.product_circle2 {
	background: #587F7F;
}
/*update*/
.case_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 162px;
}
.case_list a {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.case_list a:nth-child(3n) {
	margin-right: 0;
}
.case_pic img {
	display: block
}
.case_info {
	background: #fff;
	padding: 38px 25px 38px;
}
.case_tip {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
}
.case_msg {
	font-size: 14px;
	color: #999;
	font-family: brownRegular;
	margin-top: 10px;
}
.case_tip, .case_msg {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.case_name {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
	margin: 200px 0 126px;
}
.case_content {
	font-size: 16px;
	color: #999;
	font-family: brownRegular;
	line-height: 50px;
}
.case_content img,.case_content video {
	display: block;
	margin: auto;
	width: 100%;
}
.case_content video {
	padding: 0 50px;
	background: #000000;
}
.case_video {
	margin-top: 170px
}
.case_video video {
	display: block;
	width: 100%;
}
.case_photo {
	margin-top: 120px;
}
.case_photo img {
	display: block;
	margin-bottom: 26px;
}
.case_photo img:last-child {
	margin-bottom: 0;
}
.case_item {
	background: #f6f6f6;
	padding-top: 162px;
	margin-top: 160px;
}
.case_item_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.case_item_content {
	font-size: 16px;
	color: #666;
	line-height: 50px;
	margin: 40px 0;
}
.case_more {
	padding: 100px 0 120px;
}
.case_more a {
	display: block;
	width: 168px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	border: 2px solid #363636;
	font-size: 16px;
	color: #000;
	font-family: brownBoldAlt;
	margin: auto;
}
.chailan_content {
	background: #F7F7F7;
	padding: 144px 0 144px;
}
.chailan_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.chailan_left {
	width: 50%;
}
.chailan_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.chailan_content {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	line-height: 30px;
}
.chailan_img {
	width: 50%;
}
.chailan_img img {
	display: block;
	margin: auto;
}
.cl_canshu {
	border-bottom: 1px solid #eee;
	padding: 164px 0 120px;
}
.cl_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.cl_line {
	display: block;
	border-bottom: 2px solid #656565;
	width: 48px;
	margin-top: 33px;
}
.chailan_param_title {
	font-size: 20px;
	color: #333;
	font-family: brownBoldAlt;
	padding-left: 30px;
}
.chailan_param {
	margin-top: 30px;
}
.chailan_param li {
	border-bottom: 1px solid #eee;
	padding: 20px 30px;
	width: 430px;
	display: flex;
	justify-content: flex-start;
}
.chailan_param li span {
	font-size: 16px;
	color: #666;
	font-family: brownRegular;
	width: 50%;
}
.canshu_pic {
	margin: 100px 0;
	padding-left: 85px;
}
.canshu_pic img {
	width: 230px;
	display: block;
}
.chailan_pic {
	margin: 160px 0;
}
.chailan_product {
	background: #f6f6f6;
	padding: 160px 0;
}
.chailan_product_title {
	font-size: 36px;
	color: #000;
	font-family: brownBoldAlt;
}
.chailan_product_msg {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 40px;
	line-height: 30px;
}
.yanguan_title {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	margin-top: 10px;
}
.chimney_block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #F2F2F2;
}
.chimney_left {
	width: 38.5%;
	padding: 0 8% 0 9%;
}
.chimney_title {
	font-size: 36px;
	color: #333;
	font-family: brownBoldAlt;
}
.chimney_content {
	font-size: 16px;
	color: #333;
	font-family: brownRegular;
	line-height: 40px;
	margin-top: 84px;
}
.chimney_right {
	width: 61.5%;
}
.chimney_right img {
	display: block;
	width: 100%;
	height: auto;
}
.chimney_swiper .swiper-button-next, .chimney_swiper .swiper-button-prev {
	outline: none;
	width: auto;
}
.chimney_swiper .swiper-button-prev {
	left: 30px;
}
.chimney_swiper .swiper-button-next {
	right: 30px;
}
.chimney_swiper .swiper-button-prev:after, .chimney_swiper .swiper-button-next:after {
	color:#000;
	font-size: 40px;
}
.peijian_main {
	padding: 156px 0 160px;
}
.new_case_wrap {
	background: #1D1D1F;
	padding: 144px 0 70px;
}
.new_case_img img {
	display: block;
	width: 100%;
	height: auto;
}
.new_cae_info {
	padding: 72px 0 60px;
	text-align: center;
}
.new_case_div1 a {
	display: block;
	font-size: 26px;
	color: #fff;
	font-family: brownBoldAlt;
}
.new_case_div2 a {
	display: block;
	font-size: 16px;
	color: #fff;
	font-family: brownRegular;
	margin-top: 27px;
}
.new_case_wrap .swiper-slide{
	width: 44%!important;
}
.new_case_more {
	display: block;
	width: 168px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	border: 2px solid #fff;
	font-size: 16px;
	color: #fff;
	font-family: brownBoldAlt;
	margin: auto;
}
.new_case_container .swiper-button-next, .new_case_container .swiper-button-prev {
	top: 35%;
}
.new_case_container .swiper-button-next {
	right: 20%;
}
.new_case_container .swiper-button-prev {
	left: 20%;
}
.hergom_tools_aside {
	position: fixed;
	right: 0;
	bottom: 20%;
	z-index: 9;
	width: 70px;
	background: rgba(255,255,255,0.5);
	border-radius: 5px 0 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(242,242,242,0.5);
}
.hergom_tools_aside .hergom_item {
	display: block;
	padding: 22px 0 0;
	text-align: center;
	cursor: pointer;
}
.hergom_tools_aside .hergom_item:after {
	content: '';
	display: block;
	width: 32px;
	margin: 22px auto 0;
	border-bottom: 1px solid #6F6F6F;
}
.hergom_tools_aside .hergom_item:last-child:after {
	visibility: hidden;
	margin-top: 32px;
}
.hergom_tools_aside p {
	font-size: 12px;
	color: #707070;
	font-family: browMedium;
	margin-top: 6px;
}
.hergom_album_icon {
	width: 22px;
	height: 27px;
	background-position: -230px -118px;
}
.hergom_technology_icon {
	width: 23px;
	height: 23px;
	background-position: -230px -151px;
}
.hergom_help_icon {
	width: 22px;
	height: 20px;
	background-position: -230px -180px;
}
.hergom_contact_icon {
	width: 22px;
	height: 21px;
	background-position: -261px 0;
}
.hergom_top_icon {
	width: 24px;
	height: 21px;
	background-position: -261px -24px;
}
.hergom_tools_aside .hergom_item:hover p {
	color: #c0202c;
}
.hergom_tools_aside .hergom_item:hover .hergom_album_icon {
	width: 22px;
	height: 27px;
	background-position: -261px -48px;
}
.hergom_tools_aside .hergom_item:hover .hergom_technology_icon {
	width: 23px;
	height: 23px;
	background-position: -261px -80px;
}
.hergom_tools_aside .hergom_item:hover .hergom_help_icon {
	width: 22px;
	height: 20px;
	background-position: -261px -111px;
}
.hergom_tools_aside .hergom_item:hover .hergom_contact_icon {
	width: 22px;
	height: 21px;
	background-position: -261px -136px;
}
.hergom_tools_aside .hergom_item:hover .hergom_top_icon {
	width: 24px;
	height: 21px;
	background-position: -261px -162px;
}
/*新闻版块*/
.news_index_wrap {
	background: #F3F3F3;
	margin-bottom: 140px;
	padding: 140px 0;
}
.news_item {
	width: 50%;
	margin: auto;
}
.news_caption {
	text-align: center;
	font-size: 54px;
	color: #333;
	font-weight: bold;
	font-family: '微软雅黑';
}
.news_type {
	padding: 80px 0 40px;
	text-align: center;
}
.news_type a,.news_type span {
	display: inline-block;
	font-size: 16px;
	color: #333;
	font-family: '微软雅黑';
	width: 110px;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
}
.news_type a:hover, .news_type a.active,.news_type span.active,.news_type span:hover {
	background: #B3222D;
	color: #fff;
}
.news_ul li {
	border-bottom: 1px solid #DFDFDF;
	padding: 32px 0;
}

.news_ul li a {
	font-size: 16px;
	color: #333;
}
.news_tab ul {
	display: none;
}
.hergom_icon1 {
	display: inline-block;
	vertical-align: middle;
}
.pdf_icon1 {
	background: url(../images/icon_01.png);
	width: 32px;
	height: 36px;
}
.pdf_icon2 {
	background: url(../images/icon_02.png);
	width: 32px;
	height: 36px;
}