@charset "utf-8";

@font-face {
	font-family: "cu";
	src: url("../fonts/8E4C4A88EBD1687CB8AC0C8E7D8958F9.OTF");
	font-weight: 400;
}

@font-face {
	font-family: "xi";
	src: url("../fonts/11C302DD8C50619E4131DA5D645FB422.OTF");
	font-weight: 400;
}

@font-face {
	font-family: 'siyuan';
	src: url('../fonts/bb4171.ttf');
	font-weight: normal;
	font-style: normal;
}

body,
html,
a {
	font-family: "xi" !important;
	font-weight: inherit;
}

/* a {
	font-family: "思源黑体";
} */
/* head_top */
.head_top {
	background: #3f3f3f;
	overflow: hidden;
}

.head_top .centerBox {
	display: flex;
	color: #FFFFFF;
	align-items: center;
	justify-content: space-between;
	line-height: 36px;
	font-size: 14px;
}

.head_top .head_you h4 {
	margin-right: 20px;
}

.head_top .head_you h4 span {
	margin-right: 40px;
}

/* header */
.logo {
	width: 400px;
}

.logo img {
	width: 100%;
}

/* .header {
	overflow: hidden;
} */

.header .centerBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .menu .nav li {
	position: relative;
	display: inline-block;
	margin-right: 25px;
	line-height: 106px;
	font-size: 16px;
	color: #333333;
	text-align: center;
}

.header .menu .nav li:last-child {
	margin-right: 0;
}

.menu .nav .on {
	background: #0c4da2;
	padding: 0 15px 0 15px;
	color: #FFFFFF !important;
	box-sizing: border-box;
}

/* banner */
.banner img {
	width: 100%;
}

/* index */
.sy_re {
	margin-top: 50px;
}

.sy_re h4 {
	font-size: 32px;
	line-height: 36px;
	color: #0c4da2;
	text-align: center;
}

.sy_re h4::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #0c4da2;
	vertical-align: middle;
	margin-right: 25px;
}

.sy_re h4::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #0c4da2;
	vertical-align: middle;
	margin-left: 25px;
}

.sy_re h5 {
	font-size: 16px;
	color: #838383;
	text-align: center;
	line-height: 36px;
}

.sy_men {
	font-size: 0;
	margin-top: 40px;
}

.sy_men ul li {
	width: 280px;
	border: 1px solid #e3e7ea;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 26px;
}

.sy_men ul li:hover {
	border: 1px solid #0c4da2;
}

.sy_men ul li:nth-child(4n) {
	margin-right: 0;
}

.sy_men ul li img {
	width: 100%;
	height: 165px;
}

.sy_men ul li h1 {
	font-size: 16px;
	line-height: 36px;
	color: #343434;
	text-align: center;
	margin-top: 20px;
}

.sy_men ul li h4 {
	font-size: 14px;
	line-height: 24px;
	color: #838383;
	text-align: center;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.sy_men ul li h5 {
	width: 170px;
	border: 1px solid #0c4da2;
	font-size: 14px;
	text-align: center;
	color: #0c4da2;
	margin: 0 auto;
	display: block;
	padding: 10px 0;
	margin-top: 25px;
	margin-bottom: 40px;
}

.sy_men ul li:hover h5 {
	background: #0c4da2;
	color: #FFFFFF;
}

/* index1 */
.index1 {
	margin-top: 40px;
	background: #f8f8f8;
	overflow: hidden;
	padding: 30px 0 40px 0;
	box-sizing: border-box;
}

.cp_zuo {
	width: 270px;
	float: left;
}

.cp_zuo h2 {
	background: url(../images/6_03.png) no-repeat;
	font-size: 32px;
	line-height: 36px;
	color: #FFFFFF;
	text-align: center;
	padding: 34px 0 34px 0;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.cp_ul li {
	width: 100%;
	background: #ffffff;
	color: #0c4da2;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 20px 0 20px 0;
	box-sizing: border-box;
	border: 1px solid #a4a4a4;
}

.cp_zuo h3 {
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	background: #ff9933;
	text-align: center;
	padding: 15px 0 15px 0;
	box-sizing: border-box;
	border: 1px solid #a4a4a4;
}

.cp_zuo .cp_tel {
	border: 1px solid #a4a4a4;
	background: url(../images/8_03.png) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	width: 100%;
	margin-top: 10px;
}

.cp_zuo .cp_tel img {
	width: 43px;
	margin-right: 12px;
}

.cp_zuo .cp_tel h4 {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 36px;
	padding: 8px 0 8px 0;
	box-sizing: border-box;
}

.cp_you {
	width: 915px;
	float: right;
	padding: 30px 30px 35px 30px;
	box-sizing: border-box;
	background: #FFFFFF;
	position: relative;
}

.cp_you .mySwiper .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cp_you .mySwiper .cp_two img {
	width: 405px;
}

.cp_you .mySwiper .cp_thr {
	width: 430px;
}

.cp_you .mySwiper .cp_thr h3 {
	font-size: 18px;
	color: #343434;
	line-height: 36px;
}

.cp_you .mySwiper .cp_thr h3::after {
	content: '';
	width: 30px;
	height: 4px;
	background: #0c4da2;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cp_you .mySwiper .cp_thr h4 {
	font-size: 16px;
	color: #838383;
	line-height: 30px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.cp_you .mySwiper .cp_thr h5 {
	background: #ff9933;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	width: 170px;
	text-align: center;
	padding: 10px 0;
	margin-top: 35px;
}

.cp_you .swiper-button-next {
	right: 0px;
	left: auto;
	background: #a4a4a4;
	color: #FFFFFF;
	height: 46px;
	width: 20px;
}

.cp_you .swiper-button-prev {
	left: 0px;
	right: auto;
	background: #a4a4a4;
	color: #FFFFFF;
	height: 46px;
	width: 20px;
}

.cp_you .swiper-button-next:after,
.cp_you .swiper-button-prev:after {
	font-size: 14px;
}

.cp_li {
	width: 915px;
	float: right;
	margin-top: 20px;
	font-size: 0;
}

.cp_li ul li {
	background: #FFFFFF;
	width: 290px;
	display: inline-block;
	padding: 18px 12px 18px 12px;
	box-sizing: border-box;
	margin-right: 20px;
}

.cp_li ul li img {
	width: 100%;
}

.cp_li ul li:nth-child(3n) {
	margin-right: 0;
}

.cp_li ul li h1 {
	font-size: 18px;
	line-height: 36px;
	color: #343434;
}

.cp_li .cp_gao {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
}

.cp_li .cp_gao img {
	width: 16px;
}


/* 底部 */
.footer {
	background: #404040;
}

.foot {
	border-bottom: 1px solid #c2c2c2;
	padding-top: 40px;
	padding-bottom: 20px;
}

.foot ul li {
	display: inline-block;
	color: #c2c2c2;
	font-size: 16px;
	line-height: 36px;
}

.foot ul li::after {
	content: '';
	width: 5px;
	height: 2px;
	background: #c2c2c2;
	display: inline-block;
	vertical-align: middle;
	margin: 0 40px 0 40px;
}

.foot ul li:last-child::after {
	display: none;
}

.foot_xin {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	padding-bottom: 20px
}

.foot_xin h4 {
	font-size: 16px;
	color: #c2c2c2;
	line-height: 36px;
}

.foot_ul {
	font-size: 0;
}

.foot_ul li {
	display: inline-block;
	font-size: 16px;
	color: #FFFFFF;
	width: 130px;
	text-align: center;
	padding: 5px 0;
	margin-right: 10px;
}

.foot_ul li:last-child {
	margin-right: 20px;
}

.foot_ul li:nth-child(1) {
	background: #0c4da2;
}

.foot_ul li:nth-child(2) {
	background: #ff9933;
}

.foot_di {
	background: #0c4da2;
}

.foot_di h4 {
	font-size: 16px;
	line-height: 36px;
	color: #ffffff;
	text-align: center;
}

/* .index2 */
.index2 {
	background: url(../images/12_02.jpg) no-repeat;
	overflow: hidden;
	clear: both;
	margin-top: 20px;
}

.sy_we {
	position: relative;
}

.sy_we .mySwiper .swiper-slide .we_yi {
	width: 467px;
	float: left;
	margin-right: 45px;
}

.sy_we .mySwiper .swiper-slide .we_yi img {
	width: 100%;
}

.sy_we .mySwiper .swiper-slide .we_er {
	width: 550px;
	float: left;
}

.sy_we .mySwiper .we_er h1 {
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	margin-top: 40px;
	margin-bottom: 30px;
}

.sy_we .mySwiper .we_er h2 {
	font-size: 16px;
	color: #ffffff;
}

.sy_we .mySwiper .we_er .we_san {
	display: flex;
	align-items: center;
	margin-top: 90px;
}

.sy_we .mySwiper .we_er .we_san h3 {
	font-size: 24px;
	line-height: 24px;
	color: #fefeff;
	margin-right: 75px;
}

.sy_we .mySwiper .we_er .we_san h4 {
	width: 170px;
	background: #ff9933;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding: 10px 0;
}

.sy_we .swiper-button-next {
	right: -25px;

}

.sy_we .swiper-button-prev {
	left: -25px;
}

.sy_we .swiper-button-next:after,
.sy_we .swiper-button-prev:after {
	background: #FFFFFF;
	color: #243354;
	font-size: 18px;
	line-height: 3;
	width: 30px;
	text-align: center;
}

/* index3 */
.index3 {
	overflow: hidden;
	clear: both;
}

.sy_jian {
	margin-top: 15px;
}

.sy_jian .jian_zuo {
	width: 500px;
	float: left;
}

.sy_jian .jian_zuo img {
	width: 100%;
}

.sy_jian .jian_you {
	width: 655px;
	float: right;
	border-top: 1px solid #dbdbdb;
}

.jian_tu li .ww {
	display: none;
}

.sy_jian .jian_you h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
	margin: 30px 0 30px 0;
}

.sy_jian .jian_you h2 {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.sy_jian .jian_you h3 {
	width: 120px;
	background: #0c4da2;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	float: right;
	padding: 5px 0;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}

.sy_jian .jian_tu {
	overflow: hidden;
	clear: both;
	font-size: 0;
	text-align: center;
	margin-left: 20px;
}

.sy_jian .jian_tu li {
	display: inline-block;
	margin-right: 50px;
}

.sy_jian .jian_tu li h4 {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	text-align: center;
}

.sy_jian .jian_tu li:last-child {
	margin-right: 20px;
}

.jian_tu li:hover .ww {
	display: block;
}

.jian_tu li:hover .qq {
	display: none;
}

/* index4 */
.index4 {
	overflow: hidden;
	clear: both;
	margin-top: 105px;
	margin-bottom: 70px;
}

.sy_xin {
	width: 560px;
	float: left;
}

.sy_xin .xin_yi {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.sy_xin .xin_yi h4 {
	font-size: 32px;
	line-height: 36px;
	color: #0c4da2;
}

.sy_xin .xin_yi h5 {
	font-size: 18px;
	color: #999999;
	line-height: 36px;
}

.sy_xin .xin_yi h4::after {
	content: '';
	background: #0c4da2;
	width: 30px;
	height: 4px;
	display: block;
	margin: 30px 0 30px 0;
}

.sy_xin .xin_er {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e3e7ea;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.sy_xin .xin_er img {
	width: 280px;
}

.sy_xin .xin_san {
	width: 265px;
}

.xin_er .xin_san h1 {
	font-size: 16px;
	line-height: 36px;
	color: #343434;
	border-bottom: 1px solid #e3e7ea;
	margin-bottom: 15px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.xin_er .xin_san h2 {
	font-size: 14px;
	line-height: 24px;
	color: #838383;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.xin_er .xin_san h3 {
	width: 120px;
	background: #0c4da2;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 0;
	margin-top: 15px;
}

.xin_si li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.xin_si li h1 {
	font-size: 16px;
	line-height: 36px;
	color: #343434;
}

.xin_si li h1 span {
	background: #cccccc;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 24px;
	padding: 3px 6px 3px 6px;
	box-sizing: border-box;
	margin-right: 12px;
}

.xin_si li h2 {
	font-size: 14px;
	line-height: 24px;
	color: #838383;
}

.xin_si li:hover span {
	background: #0c4da2;
}

.sy_wen {
	float: right;
}

/* 关于我们 */
.ind {
	background: #f2f7fa;
	padding-bottom: 60px;
}

.ind .abo_all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FFFFFF;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
}

.ind .abo_all h4 {
	font-size: 16px;
	line-height: 36px;
	color: #333333;
}

.ind .abo_all h5 {
	font-size: 14px;
	line-height: 36px;
	color: #333333;
}

.ind .abo_all h5 span {
	color: #0c4da2;
}

.ind .abo_one {
	background: #FFFFFF;
	margin-top: 20px;
	padding: 60px 40px 80px 40px;
	box-sizing: border-box;
}

.ind .abo_one h4 {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 25px;
}

.ind .abo_one img {
	width: 68%;
	margin: 0 auto;
	display: block;
}

.ind .abo_one h5 {
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 30px;
}

/* 产品中心 */
/* 二级 */
.menu .nav .erji {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: #0c4da2;
	min-width: 90px;
	box-sizing: border-box;
	z-index: 999;
	display: none;
}

.header .menu .nav .erji a {
	line-height: 36px;
	font-size: 14px;
	display: block;
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
}

.header .menu .nav .erji a:hover {
	background: #4e87d1;
}

.header .menu .nav li:hover .erji {
	display: block;
}

/* 产品中心 */
.ch_all {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 20px 30px 20px;
	box-sizing: border-box;
}

.ch_all .ch_yi {
	display: flex;
	align-items: center;
}

.ch_yi ul li {
	display: inline-block;
	font-size: 16px;
	color: #999999;
	line-height: 36px;
	margin-left: 75px;
}

.ch_all .ch_yi h4 {
	font-size: 16px;
	line-height: 36px;
	color: #0c4da2;
}

.ch_all .ch_er h4 {
	font-size: 14px;
	color: #333333;
	line-height: 36px;
}

.ch_all .ch_er h4 span {
	color: #0c4da2;
}

.red_yi {
	background: #f2f7fa;
	height: 20px;
}

.ch_one {
	font-size: 0;
	padding: 40px 0 0 0;
	box-sizing: border-box;
}

.ch_one li {
	width: 380px;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 45px;
}

.ch_one li img {
	width: 100%;
}

.ch_one li:nth-child(3n) {
	margin-right: 0;
}

.ch_one li h1 {
	font-size: 22px;
	line-height: 48px;
	color: #000000;
	text-align: center;
	margin-top: 10px;
}

.ch_one li h2 {
	font-size: 16px;
	line-height: 24px;
	color: #999999;
	text-align: center;
}

/* 分页 */

#pages {
	font-family: 宋体;
	text-align: right;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#pages .pagination li {
	margin-right: 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	padding: 0 10px
}

#pages .pagination .active {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #1453a5;
	border: 1px solid #1453a5;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	margin-right: 15px;
}

.red_er {
	background: #f2f7fa;
	height: 40px;
}

/* 产品详情 */
.cxq_all {
	overflow: hidden;
	padding: 40px 0 0 0;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.cxq_zuo {
	width: 500px;
	float: left;
	margin-right: 90px;
}

.cxq_zuo img {
	width: 100%;
}

.cxq_you {
	width: 610px;
	float: left;
	margin-top: 100px;
}

.cxq_you h4 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 40px;
}

.cxq_you h5 {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}

.cxq_you h5 i {
	display: inline-block;
	font-style: unset;
	width: 12%;
	overflow: hidden;
	text-align: justify;
	text-align-last: justify;
	vertical-align: bottom;
}

.cxq_yi h4 {
	font-size: 16PX;
	background: #e6e6e6;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
	margin-top: 60px;
}

.cxq_yi h5 {
	font-size: 16px;
	line-height: 36px;
	color: #333333;
	margin-top: 40px;
	margin-bottom: 140px;
}

/* 新闻资讯 */
.xin_all ul li {
	margin-left: 0;
	margin-right: 80px;
}

.xin_all ul li:hover {
	color: #0c4da2;
}

.xin_one {
	overflow: hidden;
	padding: 40px 5px 0 5px;
	box-sizing: border-box;

}

.xin_one .new_zuo {
	width: 300px;
	float: left;
	margin-right: 25px;
}

.xin_one .new_you {
	width: 800px;
	float: left;
}

.xin_one .new_zuo img {
	width: 100%;
}

.xin_one ul li {
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px 4px #f2f2f2;
	padding: 20px;
	box-sizing: border-box;
}

.xin_one .new_you h1 {
	font-size: 24px;
	line-height: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 30px;
}

.xin_one .new_you h4 {
	font-size: 16px;
	line-height: 36px;
	color: #999999;
}

.xin_one .new_you h5 {
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}

.xin_one ul li:hover .new_you h1 {
	color: #0c4da2;
}

.xin_one ul li:hover {
	box-shadow: 0px 0px 16px 8px #f2f2f2;
}

/* 新闻详情 */
.index5 {
	background: #f2f7fa;
	padding-bottom: 60px;
}

.new_all {
	background: #FFFFFF;
	padding: 60px 30px 40px 70px;
	box-sizing: border-box;
}

.new_all h4 {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.new_all h5 {
	font-size: 16px;
	line-height: 36px;
	color: #999999;
	text-align: center;
}

.new_all h6 {
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}

.new_all img {
	width: 60%;
	margin: 30px auto;
}

/* 在线留言 */
.liu_all {
	padding: 80px 0 0 0;
	box-sizing: border-box;
}

.liu_all h4 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.biao {
	font-size: 0;
	margin-top: 60px;
	margin-bottom: 200px;
}

.biao form .inp {
	width: 48%;
	height: 60px;
	background: #f2f7fa;
	border: none;
	font-size: 18px;
	color: #999999;
	padding-left: 20px;
	border-radius: 5px;
}

.biao .bi_all {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.biao form textarea {
	width: 100%;
	height: 400px;
	margin-top: 40px;
	border-radius: 5px;
	background: #f2f7fa;
	font-size: 18px;
	color: #999999;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
	border: none;
	resize: none;
	margin-bottom: 50px;
}

.biao .submit {
	width: 440px;
	height: 60px;
	background: #0c4da2;
	color: #FFFFFF;
	text-align: center;
	margin: 40px auto 0;
	display: block;
	border: none;
	font-size: 18px;
	border-radius: 5px;
}

/* 联系我们 */
.lian_all {
	margin-top: 75px;
	margin-bottom: 65px;
	overflow: hidden;
}

.lian_zuo {
	width: 440px;
	height: 550px;
	float: left;
	background: #f5f5f5;
	padding: 130px 90px 0 65px;
	box-sizing: border-box;
	border-radius: 10px;
}

.lian_zuo ul li {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #666666;
	margin-bottom: 80px;
}

.lian_zuo ul li img {
	width: 23px;
	margin-right: 20px;
}

.lian_you {
	width: 740px;
	float: right;
	border-radius: 10px;
}

.lian_you .map #allmap {
	border-radius: 10px;
}

.BMap_cpyCtrl {
	display: none;
}

.anchorBL {
	display: none !important;
}

/* 验证码 */
.code {
	/* background: url(code_bg.jpg); */
	/* background: #333333; */
	font-family: Arial;
	font-style: italic;
	color: blue;
	font-size: 18px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
	float: right;
	cursor: pointer;
	width: 50%;
	height: 60px;
	line-height: 60px;
	text-align: left;
	vertical-align: middle;
}

/* a {
	text-decoration: none;
	font-size: 12px;
	color: #288bc4;
}

a:hover {
	text-decoration: underline;
} */