/* index banner */
.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;.
	border-radius: 50% !important;
	background: #ffb400 !important;
	border: 0.02rem solid #ffb400;
}
.swiper-pagination-bullet-active {
	background: none !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.1rem !important;
}
.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}
/* -------------------------自定义部分开始 --------------------------*/
@font-face {
	font-family: "hfont";
	src: url('../font/hfont.woff') format('woff'), url('../font/hfont.ttf') format('truetype');
}
.hfont {
	font-family: "hfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

input {
	outline: none;
}
body {
	background: #FFF !important;
}
.allpage {
	background: #FFF !important;
}
/*head*/
.head {
	
}
		
		
.nav {
	background: #00a0e8 !important
}
		
.nav_color {
	background: #1379c5
}
.logo {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	height: 100% !important;
}
.logo img {
	display: inline;
}
.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;
	border: 1px solid #CCCCCC;
	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: 174px;
	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;
}
.search {
	background-color: #141414 !important;
}
.nav-btn {
	top: 0 !important;
	color: #fff !important;
}
.search_hl {
	top: 0 !important;
	color: #b3b3b3 !important;
}
.home-btn {
	color: #fff !important;
}
.class-btn {
	color: #b3b3b3 !important;
}
.top-title {
	color: #fff !important;
}
/*content*/
.content {
	padding-bottom: 0.75rem !important;
}
/*iwrap*/
.iwrap {
	position: relative;
	width: 92.5%;
	margin: 0 auto;
}
.iwrap.style_b {
	margin-bottom: 0.15rem;
}
/*icontainer*/
.icontainer {
	background: #FFF;
	padding: 0.1rem 0;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	margin: 0.05rem 0;
}
.icontainer.style_b {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
/*icontact*/
.icontact {
	text-align: left;
	color: #FFF;
	padding: 0 3.25%;
	background: #9c0000;
	font-size: 0.23rem;
	line-height: 0.5rem;
}
.icontact a {
	float: right;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.075rem;
	line-height: 0.35rem;
	margin-left: 0.1rem;
	background: #ed9a10;
	color: #FFF;
	border-radius: 0.05rem;
	padding: 0 0.15rem;
	height: 0.35rem;
	overflow: hidden;
}
/*hnav2*/

.navl{width: 23%;background-color: #60ad29;height: 99px;text-align: center;float: left;}
.navl a{color: #fff;line-height: 100px;}
.navr{width: 100%;height: 99px;text-align: center;float: right;}
.navr a{display: block;width: 19.1%;height:45px;background: #0099ff;float: left;padding: 1px 1px;color: #fff;margin-left:1px;margin-bottom: 1px;
overflow: hidden;line-height: 45px;}



.hnav2 {padding: 1.5%; display: flex; justify-content: space-between; flex-wrap: wrap;background: #00a0e8;}
.hnav2 .son {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33%;
	font-size: 0.22rem;
	line-height: 0.53rem;
	text-align: center;
	color: #fff;
	text-align: center;
}
/*hnav*/
.hnav {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 0.05rem;
	border-bottom: 1px solid #d9d9d9;
}
.hnav-son {
	float: left;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	padding-bottom: 0.1rem;
	border-right: 1px solid #d9d9d9;
	text-align: center;
	color: #141414;
}
.hnav-son span:last-child {
	display: block;
	height: 1.1em;
	line-height: 1.1em;
	font-size: 0.23rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hnav-son .in {
	position: relative;
	display: inline-block;
	font-size: 0.5rem;
	line-height: 0.75rem;
}
.hnav-son:first-child .in {
	font-size: 0.75rem;
}
.hnav-son:last-child {
	border-right: none;
}
/*itl*/
.itl {
	position: relative;
	margin: 0.15rem auto;
	text-align: center;
}

.itl h3{ font-weight: normal; color: #666666; font-size: 0.15rem;}
.itl h2 p {
	position: relative;	z-index: 99;vertical-align: top;font-size: 0.35rem;color: #333333;font-weight: normal;text-align: center;}
.itl h2 p span{color: #333;}
.itl li{color: #303030;font-size: 0.18rem; text-transform: uppercase; background: url(../images/tit.png) no-repeat center;}
.itl li b{color: #000;}
.fl{background:url(../images/pic_fl.png) no-repeat left center;text-align: left;color: #fff;font-size: 0.26rem;width: 30%;float: left;}
.more a{color: #fff;padding: 3px 5px;background-color: #60ad29;width: 12%;float: right;}
.jmal{ width: 98%; margin: 0px 1%;}
.jml{ width: 48%; margin-right: 2%; float: left;}
.jmr{ width: 48%; margin-right: 2%; float: right;}
.jmal dl{ width: 48%; margin-right: 2%; float: left;}
.jpb{ width: 98%; margin: 0px 1%;}
.jpb li{ height: 150px; float: left; margin-bottom: 10px; line-height: 60px;}
.jpb li:hover img{transition: all 0.6s; transform: scale(1.2);}
.jpb li:first-child { width: 58%; margin-right: 2%;}
.jpb li:nth-child(2){ width:40%;}
.jpb li:nth-child(3){ width:40%;}
.jpb li:nth-child(4){ width: 58%; margin-left: 2%;}
.jpb li p{ position: relative; margin-top: -85px; margin-left: 20px; font-size: 0.2rem; color: #fff;}
.jpb li a{ display: block; background: #282420;}
.jpb li img{ height: 150px;}
.dim{ opacity:0.6; filter: alpha(opacity=60);}

.itl h2:after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	margin-top: -0.10rem;
	content: "";
}
.cpzx{ padding: 3%; background: #F8F8F8;}
.cpfl{ text-align: center; margin-bottom: 3%; display: flex; justify-content: space-around; flex-wrap: wrap;}
.cpfl a{ padding: 1% 3%;background: #A0958A; color: #fff; width: 100%; margin: 0px 0% 3% 0%;}
/*item_b*/
.item_b {
	position: relative;
	width: 47%;
	float: left;
	margin-right: 3%;
	margin-bottom: 0.05rem;
}
.item_b:nth-child(2n) {

}
.item_b .pic {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_b .pic a img {
	width: 100%;
	height: 130px;
	border: 1px solid #e5e5e5;
}
.item_b .tl a {
	display: block;
	padding-left: 0.1rem;
	font-weight: normal;
	font-size: 0.2rem;
	color: #141414;
	line-height: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.item_b1 {
	position: relative;
	width: 47%;
	float: left;
	margin-right: 3%;
	margin-bottom: 0.05rem;
}
.item_b1:nth-child(2n) {

}
.item_b1 .pic {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_b1 .pic a img {
	width: 100%;
	height: 250px;
	border: 1px solid #e5e5e5;
}
.item_b1 .tl a {
	display: block;
	padding-left: 0.1rem;
	font-weight: normal;
	font-size: 0.2rem;
	color: #141414;
	line-height: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
/*inew*/
.inew {
	margin-bottom: 0.1rem;
	margin-top: -0.05rem;
	padding: 0rem 0.1rem;
}
.inew li {
	font-size: 0.21rem;
	color: #141414;
	line-height: 0.4rem;
}
.inew a {
	display: block;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px dashed #a1a6a2;
	line-height: 45px;
}
.inew span.date {
	float: right;
	margin-left: 0.1rem;
}
.inew span.flag {
	display: inline-block;
	vertical-align: top;
	width: 0.2rem;
	font-size: 0.6rem;
	color: #afafaf;
}
/*item_c*/
.item_c {
	position: relative;
	overflow: hidden;
	margin: 0.15rem 0;
}
.item_c:last-child {
	border-bottom: none;
}
.item_c .pic {
	position: relative;
	width: 32.77%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_c .con {
	position: absolute;
	top: 0;
	right: 0;
	width: 62%;
}
.item_c .tl {
	display: block;
	line-height: 0.3rem;
	font-size: 0.23rem;
	color: #141414;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item_c .tl2 {
	display: block;
	margin-top: 0.05rem;
	line-height: 0.3rem;
	font-size: 0.2rem;
	color: #7d7d7d;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item_c .txt {
	display: block;
	margin-top: 0.05rem;
	max-height: 2.6em;
	overflow: hidden;
	font-size: 0.2rem;
	color: #505050;
	line-height: 1.3em;
}
/*iadg*/
.iadg {
	padding: 0 0 0.15rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.21rem;
	line-height: 1.5em;
	color: #666666;
}
.iadg img{width: 100%;display: table;}
.iadg .more a{color: #fff;padding: 3px 5px;background-color: #60ad29;width: 18%;float: right;}

.iwrap .xcl{width: 47%;float: left;display: table;}
.iwrap .xcl img{width: 100%;margin-bottom: 10px;}

.iwrap .xcr{width: 47%;float: right;display: table;}
.iwrap .xcr img{width: 100%;margin-bottom: 10px;}
.iwrap{display: table;line-height: 30px;}
/*icla*/
.icla {
	text-align: center;
	margin-top: -0.1rem;
	margin-bottom: 0.1rem;
}
.icla > span {
	border-bottom: 1px solid #9c0000;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	color: #9c0000;
	line-height: 0.45rem;
	height: 0.45rem;
}
.icla a {
	padding: 0 0.15rem;
	color: #9c0000;
	font-size: 0.21rem;
	line-height: 0.45rem;
}
.icla a:first-child {
	padding-left: 0;
}
.icla a:last-child {
	padding-right: 0;
}
/*item_d*/
.item_d {
	position: relative;
	float: left;
	width: 32.4%;
	margin-right: 1.4%;
	margin-bottom: 0.15rem;
}
.item_d:nth-child(3n) {
	margin-right: 0;
}
/*itl2*/
.itl2 {
	margin: 0 auto;
	padding: 0 0 0.15rem;
	border-bottom: 1px solid #ebebeb;
}
.itl2 h2 {
	font-size: 0.23rem;
	line-height: 0.23rem;
	color: #9c0000;
	height: 0.23rem;
	font-weight: normal;
}
/*ibill*/
.ibill > p {
	line-height: 0.45rem;
	font-size: 0.2rem;
	color: #141414;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ebebeb;
}
/*beian*/
.beian {
	width: 100%;
	height: 0.65rem;
	font-size: 0.21rem;
	line-height: 0.65rem;
	color: #fff;
	text-align: center;
	background: #444444;
}
.beian a {
	color: #8f8f8f;
}
/*footer*/
.footer {
	height: 0.75rem !important;
}
.foot-relative {
	height: 0.75rem !important;
}
.foot {
	background: #00a0e8;
}
.foot a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100% !important;
	text-align: center;
	color: #333 !important;
}
/*htop*/
.htop {
	display: none;
	position: fixed;
	right: 1%;
	bottom: 1.4rem;
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	color: #FFF;
	font-size: 0.35rem;
	background: rgba(255,245,85,.63);
}
/*nav li*/
.nav li {
	border-bottom: none !important;
}
.nav li a {
	text-align: center;
	text-indent: 0 !important;
}
/*top-title*/
.top-title {
	width: 40% !important;
	left: 30% !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.about dl dt{display: inline-block;}
.about dl dd{display: inline-block;margin-bottom: 10px;}
.about dl dd input{width: 4rem;height: 30px;border:none;background: #f1f1f1;}
.about dl dd textarea{width: 100%;height: 100px;border: none;background: #f1f1f1;}

i,em{font-style: initial;}
.clearfix::after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.contain{padding: 0 10px;}
.title{text-align: center;color: #333;margin-bottom: 0.3rem;}
.title>span{font-size: 0.2rem;text-transform: uppercase;color: #949494;}
.title p{font-size: 0.3rem;font-weight: bold;}
.title p span{color: #00a0e8;}
.title .line{width: 30px;height: 2px;background: #00a0e8;margin: 5px auto 0;}
/* 产品 */
.cpzs{padding: 0.3rem 0;}
.cplei{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cplei li{width: 48%;line-height: 2.5;text-align: center;background: #00a0e8;transition: 0.5s;margin-bottom: 10px;border-radius: 5px;}
.cplei li a{font-size: 0.18rem;color: #fff;display: block;}
.cpnr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpnr li{width: 48%;margin-bottom: 20px;position: relative;overflow: hidden;}
.cpnr li a{display: block;}
.cpnr li .cpimg{height: 2.5rem;overflow: hidden;}
.cpnr li .cpimg img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.cpnr li .vbottom{line-height: 2;padding: 5px 0;background: #f1f1f1;}
.cpnr li .vbottom span{font-size: 0.2rem;float: left;color: #333;}
.cpnr li .vbottom .itemr{font-size: 0.2rem;color: #fff;background: #00a0e8;float: right;width: 15%;text-align: center;}
/* 优势 */
.advantage{padding: 0 0 0.3rem;}
.ti{text-align: center;background: url(../images/advantage.jpg) no-repeat center center;height: 2rem;background-size: 100% 100%;overflow: hidden;margin-bottom: 20px;}
.ti span{font-size: 0.2rem;color: #fff;display: block;margin-top: 0.8rem;}
.ti p{font-size: 0.3rem;font-weight: bold;color: #fff;line-height: 2;}
.ti p i{color: #00a0e8;}
.ti .line{width: 70px;height: 2px;background: #00a0e8;margin: 0 auto;}
.adnr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.adnr li{width: 48%;height: 3rem;text-align: center;padding-top: 0.3rem;position: relative;overflow: hidden;margin-bottom: 0.2rem;}
.adnr li .lihide{position: absolute;left: 0;top: 440px;width: calc(100% - 40px);height: 100%;background: rgba(0, 160, 232, 0.8);text-align: center;padding: 60px 20px 0;transition: 0.5s;}
.adnr li .lihide .line{width: 40px;height: 4px;background: #fff;margin: 0 auto;}
.adnr li .lihide p{font-size: 20px;margin: 10px 0 20px;color: #fff;font-weight: bold;}
.adnr li span{font-size: 0.16rem;line-height: 1.5;color: #fff;display: block;margin-top: 10px;}
.adnr li .line{width: 40px;height: 4px;background: #00a0e8;margin: 0 auto;}
.adnr li p{font-size: 0.23rem;margin: 5px 0 10px;color: #fff;font-weight: bold;}
.adnr li:nth-child(1){background: url(../images/vad1.jpg) no-repeat;background-size: 100% 100%;}
.adnr li:nth-child(2){background: url(../images/vad2.jpg) no-repeat;background-size: 100% 100%;}
.adnr li:nth-child(3){background: url(../images/vad3.jpg) no-repeat;background-size: 100% 100%;}
.adnr li:nth-child(4){background: url(../images/vad4.jpg) no-repeat;background-size: 100% 100%;}
/* 简介 */
.company{padding: 0.3rem 0;background: url(../images/jjbj.jpg) no-repeat center center;}
.company .ti{background: none;height: auto;}
.company .ti span{color: #535353;margin: 5px 0;display: block;}
.company .ti p{color: #333;line-height: 1;}
.main{display: flex;justify-content: space-evenly;}
.main li{width: 25%;text-align: center;padding: 40px 0;position: relative;}
.main li::after{content: "";display: block;position: absolute;right: 0;top: 38px;width: 1px;height: 50px;background: #ccc;}
.main li span{font-size: 0.3rem;color: #555;}
.main li .line{width: 15%;height: 3px;background: #00a0e8;margin: 10px auto 0;}
.jjr{}
.jjr img{width: 100%;height: 100%;object-fit: cover;float: left;}
.jjl{background: #00a0e8;color: #fff;padding: 10px;}
.jjl span{font-size: 0.3rem;}
.jjl i{font-size: 0.3rem;font-weight: bold;display: block;margin: 5px 0;}
.jjl .line{width: 60px;height: 2px;background: #fff;}
.jjl p{font-size: 0.2rem;line-height: 2;margin-top: 10px;}
.jjl>a{display: block;border: 1px solid #fff;width: 40%;line-height: 2;text-align: center;font-size: 0.2rem;color: #fff;margin: 10px auto 0;transition: 0.5s;}
/* 新闻 */
.new-s{padding: 0.3rem 0;}
.new-s .ntop{margin-bottom: 10px;}
.ntop .tleft{font-size: 0.3rem;font-weight: bold;color: #333;}
.ntop .tleft span{font-size: 0.2rem;color: #535353;font-weight: initial;}
.ntop .tleft p{font-size: 0.16rem;color: #535353;font-weight: initial;}
.tright a{display: block;width: 30%;line-height: 2;text-align: center;font-size: 0.2rem;border: 1px solid #535353;color: #535353;transition: 0.5s;margin: 0.2rem auto 0;}
.xwx li{overflow:hidden;padding:0 0 16px}
.xwx li em{display:block;float:left;width:20%;text-align:center;line-height: 1.2;background:#00a0e8;font-size:0.5rem;color:#fff;}
.xwx li em p{font-size: 0.2rem;line-height: 2.5;}
.xwx li .licon{border:#ddd 1px solid;padding:0 5px 0 10px;width: 75%;float:left;}
.xwx li .licon p{font-size: 0.17rem;color: #666;line-height: 2;}
.xwx li .licon a{display:block;line-height: 1.9;font-size:0.21rem;color:#555;font-weight: bold;}