/* index banner */
a:hover {
	-webkit-tap-highlight-color: transparent;
}
.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: #0464a4 !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: #0464a4;
    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: #0071d4;
    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: #0464a4;
}
.hnav2 .son {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33%;
	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-around; flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0.1rem 3.125%;
}
.hnav-son {
	display: inline-block;
	width: 100%;
	font-size: 0.18rem;
	line-height: 0.45rem;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: #0464a4;
	height: 0.45rem;
	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;
}
table{ width: 100% !important;}
.wrapper{padding: 0 10px;}
i,em{font-style: initial;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

.title{text-align: center;margin-bottom: 0.3rem;font-size: 0.3rem;}
.title p{font-size: 0.2rem;color: #666;text-transform: uppercase;}
.more{display: block;font-size: 0.2rem;text-align: center;line-height: 2;color: #fff;margin: 0.2rem auto 0;border-radius: 5px;width: 2rem;background: #0464a4;}
/* 三块 */
.three{padding: 0.3rem 0;}
.three ul{display: flex;justify-content: space-between;}
.three ul li{width: 32%;padding: 0.3rem 0;text-align: center;}
.three ul li:nth-child(1){background: url(../images/f31.jpg) no-repeat center center;}
.three ul li:nth-child(2){background: url(../images/f32.jpg) no-repeat center center;}
.three ul li:nth-child(3){background: url(../images/f33.jpg) no-repeat center center;}
.three ul li .shu{width: 0.5rem;height: 0.5rem;background: #0464a4;font-size: 0.3rem;color: #fff;margin: 0 auto;line-height: 0.5rem;}
.three ul li span{font-size: 0.23rem;display: block;margin: 5px 0 10px;}
.three ul li i{font-size: 0.2rem;}
/* 简介 */
.company{padding: 0.3rem 0;background: url(../images/aboutbj.jpg) no-repeat center center;}
.comnr{margin-top: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.dcon{font-size: 0.2rem;line-height: 2;color: #555;}
.comnr li{text-align: center;font-size: 0.2rem;color: #0464a4;width: 32%;height: 2.4rem;background: url(../images/lidi.png) no-repeat center bottom;margin-top: 10px;}
.comnr li span{font-size: 0.3rem;font-weight: bold;display: block;}
/* 服务项目 */
.service{padding: 0.3rem 0;background: url(../images/bgi-product.jpg) no-repeat center center;}
.ser{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.ser li{width: 22%;padding: 3% 0.7%;border-radius: 10px;text-align: center;margin-bottom: 10px;background: #fff;}
.ser li img{display: inline-block;width: 70%;}
.ser li p{font-size: 0.23rem;color: #333;font-weight: bold;margin: 5px 0 10px;}
.ser li span{font-size: 0.17rem;line-height: 1.5;color: #666;}
/* 知识 */
.knowledge{padding: 0.3rem 0;}
.knowledge .ss{margin-bottom: 10px;}
.zsimg{height: 2.5rem;overflow: hidden;margin-bottom: 10px;}
.zsimg img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.zsbox span{font-size: 0.23rem;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;}
.zsbox p{font-size: 0.2rem;color: #999;line-height: 1.5;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.zsbox .duo{font-size: 0.2rem;color: #0464a4;}
.zsbox .duo i{display: inline-block;width: 30px;height: 1px;background: #0464a4;}
/* 合作伙伴 */
.part{padding: 0.3rem 0;background: url(../images/bgi-agency.jpg) no-repeat center center;}
.pnr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pnr li{width: 48%;margin-bottom: 0.2rem;height: 2rem;overflow: hidden;}
.pnr li img{width: 100%;height: 100%;object-fit: contain;}
/* 内页服务项目 */
.about .fuwu{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:20px;}
.about .fuwu li{width: 49%;margin-bottom: 1.5%;height: 2rem;background: #fff;overflow: hidden;position: relative;}
.about .fuwu li img{width: 100%;height: 100%;object-fit: cover;}
.about .fuwu li:nth-child(3){width: 32.5%;}
.about .fuwu li:nth-child(4){width: 32.5%;}
.about .fuwu li:nth-child(5){width: 32.5%;}
.about .fuwu li .pp{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 2.5;text-align: center;font-size: 0.2rem;background: #0464a4;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 内页联系我们 */
.about .inside{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .inside li{width: 90%;margin: 0 auto;border: 1px solid #ccc;transition: 0.5s;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding: 10px;}
.about .inside li .inl{border-right: 1px solid #ccc;width: 20%;}
.about .inside li .inr{width: 77%;font-size: 0.2rem;color: #777;}
.about .inside li .inr p{font-size: 0.23rem;color: #333;font-weight: bold;line-height: 1.5;}





/*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: #0464a4;}
.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;
} 
.pro_list dl {padding: 10px 5px;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_list dl dt{width: 48%;text-align: center;}
.pro_list dl dt .dtimg{height: 2rem;overflow: hidden;}
.pro_list dl dt img{width: 100%;height: 100%;object-fit: cover;}
.pro_list dl dt p{font-size: 0.2rem;background: #f1f1f1;text-align: center;color: #333;line-height: 2.5;}

.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;
}


.coul{margin-top: 0.2rem;width: 92.5%;margin: 20px auto 0;}
.coul ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.coul ul>li{width: 48%;line-height: 2.5;text-align: center;margin-bottom: 0.2rem;border-radius: 5px;background: #0464a4;}
.coul ul>li a{font-size: 0.2rem;color: #fff;}
/* 内页 */
.about .title{line-height: 1.5;}
.gssj{padding: 0.3rem 0 0;}
.gssjlei{display:flex;justify-content: space-between;margin-bottom: 10px;}
.gssjlei li{width: 48%;line-height: 2.5;text-align: center;font-size: 0.2rem;border: 1px solid #ccc;cursor:pointer;}
.rong3 .r-img-1{height:2rem;overflow: hidden;}
.rong3 .r-img-1 img{width: 100%;height: 100%;object-fit: contain;transition: 1s;}
.rong4 .r-img-2{height: 2rem;overflow: hidden;}
.rong4 .r-img-2 img{width: 100%;height: 100%;object-fit: contain;transition: 1s;}
.gssj .addbian{background: #0464a4;color: #fff;}

.rongyu{padding: 0.3rem 0 0;}
.rongyulei{display:flex;justify-content: space-between;margin-bottom: 10px;}
.rongyulei li{width: 48%;line-height: 2.5;text-align: center;font-size: 0.2rem;border: 1px solid #ccc;cursor:pointer;}
.rong1 .r-img-1{height: 2.5rem;overflow: hidden;}
.rong1 .r-img-1 img{width: 100%;height: 100%;object-fit: contain;transition: 1s;}
.rong2 .r-img-2{height: 2rem;overflow: hidden;}
.rong2 .r-img-2 img{width: 100%;height: 100%;object-fit: contain;transition: 1s;}
.rongyulei .addbian{background: #0464a4;color: #fff;}

