@font-face {
  font-family: 'iconfont';
  src: url('/hdimg/bas/font/iconfont.eot');
  src: url('/hdimg/bas/font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('/hdimg/bas/font/iconfont.woff2') format('woff2'),
      url('/hdimg/bas/font/iconfont.woff') format('woff'),
      url('/hdimg/bas/font/iconfont.ttf') format('truetype'),
      url('/hdimg/bas/font/iconfont.svg') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 35px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input.err, input.error, textarea.err, textarea.error, select.err, select.error {
    border: #bf6464 2px dashed!important;
    background-color: #fdfbfb!important;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
label.error{
	color: #bf6464;
	padding-top: 5px;
	display: block;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #f76201!important;
    background-color: #f76201;
    color: #fff;
}
.float-right{
	float: right;
}
.font-size-16{
	font-size: 16px;
}
.font-size-20{
	font-size: 20px;
}
.color-primary{
	color: #f56202;
}
.text-primary{
	color: #f56202;
}
.text-warning{
	color: #ffa367;
}
.text-danger{
	color: #f76201;
}
.text-info{
	color: #aaa;
}
.text-success{
	color: #323232;
}
.text-default{
	color: #f5f6f8;
}
.text-bai{
	color: #fff;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #f56202!important;
    background-color: #f56202!important;
    color: #fff;
}
.line1{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	 word-break: break-all;
}
.line2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	 word-break: break-all;
}
.line3{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	 word-break: break-all;
}
.line4{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	 word-break: break-all;
}
.line8 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.clearfix{
	clear: both;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
#scrolltop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
}

#scrolltop .layui-icon {
	font-size: 42px;
	color: #89211b;
	cursor: pointer;
}
body{
	color: #2c2c2c;
	font-family: '微软雅黑';
	font-size: 16px;
}
a{
	color: #2c2c2c;
}
a:hover{
	color: #89211b;
}
.padding-10{
	padding: 10px;
}
.padding-20{
	padding: 20px;
}
.padding-30{
	padding: 30px;
}
.padding-40{
	padding: 40px;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-15{
	margin-top: 15px;
}
.margin-top-20{
	margin-top: 20px;
}
.margin-top-30{
	margin-top: 30px;
}
.margin-top-40{
	margin-top: 40px;
}
.margin-top-60{
	margin-top: 60px;
}
.margin-top-70{
	margin-top: 70px;
}
.margin-top-90{
	margin-top: 90px;
}
.margin-top-100{
	margin-top: 100px;
}
.margin-left-10{
	margin-left: 10px;
}
.margin-left-20{
	margin-left: 20px;
}
.margin-right-20{
	margin-right: 20px;
}
.margin-bottom-5{
	margin-bottom: 5px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-bottom-40{
	margin-bottom: 40px;
}
.margin-bottom-70 {
	margin-bottom: 70px;
}
.margin-bottom-90{
	margin-bottom: 90px;
}
.margin-bottom-100{
	margin-bottom: 100px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-top-20{
	padding-top: 20px;
}
.padding-top-30{
	padding-top: 30px;
}
.padding-top-40{
	padding-top: 40px;
}
.padding-top-50{
	padding-top: 50px;
}
.padding-top-60{
	padding-top: 60px;
}
.padding-top-90{
	padding-top: 90px;
}
.padding-top-100{
	padding-top: 100px;
}
.padding-top-120{
	padding-top: 120px;
}
.padding-bottom-0{
	padding-bottom: 0px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.padding-bottom-20{
	padding-bottom: 20px;
}
.padding-bottom-30{
	padding-bottom: 30px;
}
.padding-bottom-40{
	padding-bottom: 40px;
}
.padding-bottom-50{
	padding-bottom: 50px;
}
.padding-bottom-60{
	padding-bottom: 60px;
}
.padding-bottom-90 {
	padding-bottom: 90px;
}
.padding-bottom-100{
	padding-bottom: 100px;
}
.padding-bottom-120{
	padding-bottom: 120px;
}
.padding-left-40{
	padding-left: 40px;
}
.layui-btn{
	background-color: #9a1f24;
}
.layui-btn-primary{
	background-color: #fff;
}
.layui-btn-warm {
    background-color: #FFB800;
}
.alert{
	padding: 10px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
}
.alert.alert-danger{
	background: #ffa367;
}
.alert.alert-info{
	background: #aaa;
}
.alert.alert-success{
	background: #323232;
}
.alert.alert-primary{
	background: #f76201;
}
.alert .close{
	float: right;
	background: none;
	color: #fff;
	border: none;
	cursor: pointer;
}
.strong{
	font-weight: bold;
}

.hfade{
	 transition:All 0.4s ease-in-out;
	 -webkit-transition:All 0.4s ease-in-out;
	 -moz-transition:All 0.4s ease-in-out;
	 -o-transition:All 0.4s ease-in-out;
}
.img-responsive{
	width: 100%;
}
*{
	box-sizing: border-box;
}
.topbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.schbox{
	width: 250px;
	height: 40px;
	border: 1px solid #bfbfbf;
	border-radius: 20px;
}
.schbox form{
	display: block;
	display: flex;
	justify-content:space-between;
	align-items: center;
	height: 40px;
}
.schbox .sch_kw{
	background: none;
	border: none;
	line-height: 40px;
	height: 40px;
	padding-left: 10px;
}
.schbox .sch_btn{
	background: url(/hdimg/bas/images_en/ico1.png) no-repeat center;
	line-height: 40px;
	height: 40px;
	border: none;
	width: 40px;
	cursor: pointer;
}
.flex_center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lang{
	margin-left: 15px;
}
.lang li{
	position: relative;
}
.lang li span{
	padding: 0 5px;
}
.lang li ul{
	position: absolute;
	left: 0;
	width: 140%;
	display: none;
	background: #fff;
	padding:10px;
}
.lang li li{
	line-height: 30px;
	text-align: center;
}
.lang li:hover ul{
	display: block;
}
.menu>ul>li{
	position: relative;
	float: left;
	width: calc((100% - 0px) / 7);
	text-align: center;
}

.menu>ul>li>a {
	line-height: 60px;
	color: #fff;
	display: block;
}
.menu>ul>li>a:hover{
	background: #731c17;
}
.menu>ul>li ul {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	background: #89211b;
	display: none;
}

.menu>ul>li li a{
	color: #fff;
	display: block;
	line-height: 40px;
}
.menu>ul>li li a:hover{
	background: #731c17;
}
.menu>ul>li:hover ul{
	display: block;
}
#adslide .swiper-pagination{
	bottom: 40px;
}
#adslide .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
}
#adslide .swiper-pagination-bullet-active {
	background: #9a1f24;
}
.column{
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.aboutdesc{
	line-height: 2em;
}
.aboutmore a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 20px 70px;
	background: #9a1f24;
}
.aboutpic{
	display: block;
	padding-left: 100px;
}
#sales{
	background-size: 100% auto;
}
#sales .more a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 20px 70px;
	border: 1px solid #fff;
}
#sales .dotbox{
	height: 440px;
}
#sales .column a{
	color: #fff;
}
#sales .desc{
	color: #fff;
	line-height: 2em;
}
.products .hd{
	position: relative;
	height: 40px;
}
.products .hd .title{
	line-height: 40px;
	font-weight: bold;
	font-size: 36px;
	text-transform: uppercase;
}
.products .swiper-button-next,
.products .swiper-button-prev {
	right: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #9a1f24;
	top: 0;
	margin-top: 0;
}
.products .swiper-button-prev{
	left: auto;
	right: 50px;
}
.products .swiper-button-next:after,
.products .swiper-button-prev:after {
	font-size: 16px;
	color: #9a1f24;
}
.products .swiper-slide a{
	display: block;
	position: relative;
}
.products .swiper-slide .title{
	position: absolute;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(137, 33, 27, 0.8);
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
}
#research{
	text-align: center;
}
.footinfo{
	line-height: 2em;
	color: #fff;
}
.footnav{
	overflow: hidden;
}
.footnav li{
	width: 50%;
	float: left;
	text-align: right;
}
.footnav li a{
	line-height: 2.5em;
	color: #fff;
}
.footer2{
	font-size: 14px;
	color: #fff;
	line-height: 2em;
}
.footer2 a{
	color: #fff;
}

#up-banner{
	height: 300px;
}
.weizhi .on{
	color: #9a1f24;
}
.page_detail{
	line-height: 2em;
}
.leftmenu li>a{
	display: block;
	line-height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #dfdfdf;
	color: #545454;
}
.leftmenu li a:hover,
.leftmenu li.layui-this>a {
	background: #9a1f24;
	color: #fff;
}
.leftmenu li li a{
	padding-left: 35px;
	font-size: 14px;
}
.leftmenu li li a:hover,
.leftmenu li li.layui-this2>a {
	color: #9a1f24;
	background: none;
}
.classname{
	font-size: 48px;
	line-height: 48px;
}

.pagination li {
	display: inline-block;
	margin: 0 5px;
	margin-bottom: 10px;
}

.pagination li a {
	display: inline-block;
	background: #aaa;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: All 0.8s ease-in;
	-webkit-transition: All 0.8s ease-in;
	-moz-transition: All 0.8s ease-in;
	-o-transition: All 0.8s ease-in;
}

.pagination li a:hover,
.pagination li.active a {
	background: #9a1f24;
}

.colinfo-list .title{
	font-size: 26px;
	color: #89211b;
}
.colinfo-list .desc {
	font-size: 18px;
	color: #484848;
	line-height: 2em;
}
.colinfo-list .more{
	font-style: italic;
	font-size: 14px;
	text-transform: uppercase;
	color: #484848;
}
.colinfo-list a{
	display: block;
	border-bottom: 5px solid #ddd;
}
.piclist2 a {
	display: block;
	position: relative;
}

.piclist2 .title {
	position: absolute;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(137, 33, 27, 0.8);
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
}
.col-title{
	font-size: 30px;
	line-height: 30px;
	color: #89211b;
}
<!--0.00015091896057129-->