@charset "UTF-8";
/* index banner */
a:hover {
	-webkit-tap-highlight-color: transparent;
}
a{color: #333;}
.banner {
	position: relative;
	width: 100%;
}
.swiper-pagination {
	bottom: 0.1rem !important;
	text-align: center !important;
	font-size: 0;
}
.swiper-pagination-bullet {
	width: 0.12rem !important;
	height: 0.12rem !important;
	opacity: 1 !important;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF !important;
	box-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
.swiper-pagination-bullet-active {
	background-color: #ca0217 !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.05rem !important;
}
/* ------------------------- --------------------------*/
@font-face {
	font-family: "hfont";
	src: url('../font/hfont.woff') format('woff'), url('../font/hfont.ttf') format('truetype');
}
.fl{float: left;}
.fr{float: right;}
.hfont {
	font-family: "hfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}
input {
	outline: none;
}
body {
	background: #FFF !important;
}
.allpage {
	background: #FFF !important;
}
/*head*/

.logo {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search {
	background-color: #5ab100 !important;
}
.nav-btn {
	color: #FFF !important;
}
.search_hl {
	color: #FFF !important;
}
/*content*/
.content {
	padding-bottom: 0.75rem !important;
}
/*iwrap*/
.iwrap {
	position: relative;
	width: 93.75%;
	margin: 0 auto;
}
/*hnav2*/

.title1 {
    color: #fcb026;
    text-align: center;
    font-size: 0.30rem;
    line-height: 30px;
    background: #ffffff;
    letter-spacing: 2px;
    width: 50%;
    margin: auto;
    position: absolute;
    margin-top: -12%;
    left: 25%;
    display: block;
}
.title2 {
    color: #fff;
    text-align: center;
    font-size: 0.30rem;
    line-height: 30px;
    background: #fcb026;
    letter-spacing: 2px;
    width: 50%;
    margin: auto;
    position: absolute;
    margin-top: -12%;
    left: 25%;
    display: block;
}
.hnav2 {
	padding: 1%; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fcb026;
}
.hnav2 .son {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 21%;
	font-size: 0.22rem;
	line-height: 0.45rem;
	text-align: center;
	color: #fff;
	margin: 0px 0px 0;
	text-align: center;
}
.hnav2 .son img{ width: 50%; text-align: center; vertical-align: middle; margin-left: 25%;}
.hnav2 .son:nth-child(4n) {
	border-right: none;
}
.hnav2 .son:nth-child(4n+1) {
	border-left: none;
}
/*hnav*/
.hnav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0.1rem 3.125%;
}
.hnav-son {
	display: inline-block;
	width: 48%;
	font-size: 0.2rem;
	line-height: 2;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: #fcb026;
	overflow: hidden;
	margin-bottom: 2.5%
}
.hnav-son .in {
	position: relative;
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	border: 0.05rem solid #ff7988;
	font-size: 0.5rem;
	line-height: 0.75rem;
	color: #FFF;
	border-radius: 50%;
}
.hnav-son:nth-child(3n) {
	margin-right: 0;
}
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;justify-content: space-between;}
.vimg{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.wrapper{padding: 0 10px;}
i,em{font-style: initial;}

.more{display: block;margin: 10px auto 0;width: 2rem;line-height: 2.5;text-align: center;border-radius: 5px;background: #fcb026;font-size: 0.2rem;color: #fff;}
.title{margin-bottom: 20px;}
.title span{font-size: 0.35rem;color: #333e46;font-weight: bold;}
.title i{font-size: 0.2rem;margin-top: 5px;display: block;}
.title span em{color: #fcb026;}
/*  */
.product{padding: 0.3rem 0;}
.product ul li{margin-bottom: 10px;width: 48%;text-align: center;line-height: 2.5;}
.product ul li>a{font-weight: bold;font-size: 0.22rem;display: block;background: #fcb026;color: #333e46;}
.product ul li dl{display: flex;line-height: 44px;}
.product ul li dl dt a{font-size: 16px;display: block;margin-right: 20px;position: relative;}
.product ul li dl dt a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #fcb026;transition: 0.5s;}
.product ul li dl dt a:hover{color: #fcb026;}
.product ul li dl dt a:hover::after{width: 100%;}
.pro_content{margin-top: 20px;}
.pro_content .proi{width: calc(48% - 10px);padding: 5px;margin-bottom: 0.2rem;box-shadow: 0 0 10px #e5e5e5;position: relative;z-index: 2;overflow: hidden;}
.pro_content .proimg{height: 2rem;overflow: hidden;background: #fff;}
.pro_content .proimg img{object-fit: contain;}
.pro_content .prob{padding: 0 10px;line-height: 2.5;}
.pro_content .prob p{font-size: 0.22rem;font-weight: bold;color: #333e46;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.pro_content .prob .more{font-size: 16px;}
/*  */
.company{padding: 0 0 0.3rem;background: url(../images/about.jpg) no-repeat center center;}
.pleft{}
.company .dcon{font-size: 0.22rem;line-height: 1.5;}
.company .more{display: block;width: 2rem;line-height: 2.5;text-align: center;font-size: 0.2rem;border: 1px solid #6b737a;margin-top: 20px;position: relative;z-index: 1;overflow: hidden;}
.company .more::after{content: "";position: absolute;left: -100%;top: 0;z-index: -1;width: 100%;height: 100%;transition: 0.5s;background: #fcb026;transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pright{margin-top: 20px;}
.pright ul li{float: left;width: 50%;padding: 60px 0;text-align: center;border: 1px solid #333f47;box-sizing: border-box;background: rgba(255, 255, 255, 0.5);}
.pright ul li:nth-child(odd){border-right: none;}
.pright ul li:nth-child(1){border-bottom: none;}
.pright ul li:nth-child(2){border-bottom: none;}
.pright ul li a{font-size: 0.3rem;font-weight: bold;}
.pright ul li i{display: block;width: 30px;height: 2px;background: #333f47;transition: 0.5s;margin: 10px auto 0;}

.honor .honor_ti{background: #fcb026;line-height: 2.5;margin-bottom: 20px;}
.honor_ti .rr{font-size: 0.35rem;font-weight: bold;color: #333e46;}
.honor_ti .duo{display: block;font-size: 0.2rem;margin-top: 0.18rem;}
.honor .himg{height: 3.5rem;overflow: hidden;}
.honor p{text-align: center;line-height: 2.5;background: #f1f1f1;font-size: 0.22rem;}
/*  */
.advantage{padding: 0.3rem 0;}
.advantage .title i {}
.adcontent{background: url(../images/adbj.jpg) no-repeat center center;}
.adcontent li{width: 17%;padding: 150px 0;text-align: center;background: rgba(0, 0, 0, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.5);}
.adcontent li .line{width: 2px;height: 40px;background: #fcb026;margin: 40px auto;}
.adcontent li:last-child{border-right: none;}
.adcontent li .kuang{width: 80px;height: 80px;margin: 0 auto;overflow: hidden;}
.adcontent li .kuang img{transition: .5s;}
.adcontent li p{font-size: 20px;font-weight: bold;transition: 0.5s;color: #fcb026;}
/*  */
.new{padding: 0.3rem 0;}
.newTop li{height: 3rem;position: relative;background: url(../images/top01.jpg) no-repeat center center;}
.newTop li .ab{position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.newTop li .ac{position: absolute;left: 0;bottom: 0;z-index: 4;padding: 0 10px 10px;}
.newTop li .ac span{font-size: 0.22rem;color: #fcb026;font-weight: bold;}
.newTop li .ac p{font-size: 0.28rem;color: #fff;font-weight: lighter;}

.newBottom{margin-top: 20px;}
.newBottom .item{border: 1px solid #eee;margin-bottom: 0.2rem;}
.newBottom .item .box .intro{padding:10px; transition:all 0.5s ease;}
.newBottom .item .intro .top_ .date{font-family:Impact; color:#fcb026; display:inline-block;}
.newBottom .item .intro .top_ .date span{display:inline-block;}
.newBottom .item .intro .top_ .date .line{width:23px; height:22px; background:url(../images/new_line.png) no-repeat center;}
.newBottom .item .intro .top_ .date .day{font-size:35px;}
.newBottom .item .intro .top_ .date .month{font-size:16px;}
.newBottom .item .intro .top_ .text{display:inline-block; font-size:0.22rem; color:#818181; margin-left:15px;}
.newBottom .item .intro .tit{font-size:0.28rem; line-height:28px; color:#000;overflow:hidden;}
.newBottom .item .intro .con{font-size:0.22rem; line-height:23px; color:#4c4c4c;}
/*  */
.npro{width: 97%;margin: 0 auto;}
.npro li>a{display: block;line-height: 2.5;font-size: 0.28rem;font-weight: bold;text-align: center;width: 40%;margin: 10px 0;color: #333f47;background: #fcb026;}
.npro li dl dt a{display: block;width: 1.6rem;font-size: 0.2rem;line-height: 2;}
/*beian*/
.beian {
	width: 100%;
	height: 0.45rem;
	font-size: 0.21rem;
	line-height: 0.45rem;
	color: #333333;
	text-align: center;
	background: #ebebeb;
}
.beian img {
	display: inline-block;
}
/*footer*/
.footer {
	height: 0.75rem !important;
}
.foot-relative {
	height: 0.75rem !important;
}
.foot a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	color: #FFF !important;
}
.foot a:first-child {
	border-left: none;
}
.foot a:last-child {
	border-right: none;
}
.i_tel {
	width: 93.75%;
	margin: 0.1rem auto;
	border: #cacaca solid 1px;
	border-radius: 0.08rem;
	text-align: center;
	line-height: 0.5rem;
	color: #666666;
}
.i_tel img {
	display: inline-block;
	width: 6.6%;
	margin-right: 3%;
	vertical-align: middle;
	margin-bottom: 1%;
}
.i_tel em {
	font-style: normal;
	color: #1e3300;
	font-size: 0.22rem;
}
.page a {
	color: #333;
}
.pages {padding-bottom: 20px;}
.pages ul{text-align: center;}
.pages li {
	display: inline-block;
	width: 10%;
	background: #dedede;
	line-height: 30px;
	height: 30px;
	margin-right: 10px;
	border-radius: 5px;
	margin-top: 10px;
}
.pages ul li.current{background: #fcb026;}
.pages ul li.current a{color: #fff;}
.pages li a {
	color: #333;
	display: block;
}
.about embed {
	width: 100%;
	height: auto;
}
.rytp ul {
	width: 46%;
	float: left;
	margin: 0 2%;
}
.rytp ul li {
	width: 156px;
	border: 1px solid #ccc;
	text-align: center !important;
	margin: 0px auto;
}
.rytp ul li a {
	text-align: center !important;
	width: 156px;
	height: 156px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.rytp ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.rytp ul p {
	line-height: 32px;
	height: 32px;
	text-align: center;
}
.prolist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.prolist dl {
	float: left;
	margin: 0 1%;
	width: 48%;
	height: auto;
	line-height: 0px;
}
.prolist dt {
	width: 96%;
	height: auto;
	text-align: center;
	padding: 2px;
}
.prolist dt a {
	width: 100%;
}
.prolist dd {
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.pro_list_img {
	width: 100%;
	height: 2rem;
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
}
.prolist dt .pro_list_img img {
	padding: 0px;
	border: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	line-height: 0px;
	font-size: 0px;
}
.prolist dl dd a {
	color: #333;
}