/*通用类*/
* {
	margin: 0;
	padding: 0;
}


/*兼容老设备的rem-px基准*/
html {
	font-size: 42.6667px;
}

@media screen and (max-width: 320px) {
	html {
		font-size: 42.6667px;
	}
}

@media screen and (min-width: 321px) and (max-width: 360px) {
	html {
		font-size: 48px;
	}
}

@media screen and (min-width: 361px) and (max-width: 375px) {
	html {
		font-size: 50px;
	}
}

@media screen and (min-width: 376px) and (max-width: 414px) {
	html {
		font-size: 55px;
	}
}

@media screen and (min-width: 415px) and (max-width: 484px) {
	html {
		font-size: 64px;
	}
}

@media screen and (min-width: 485px) and (max-width: 720px) {
	html {
		font-size: 96px;
	}
}

@media screen and (min-width: 721px) and (max-width: 768px) {
	html {
		font-size: 102px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
	html {
		font-size: 144px;
	}
}

@media screen and (min-width: 1080px) {
	html {
		font-size: 144px;
	}
}

/*新设备的rem-vw标准*/
html {
	overflow-x: hidden;
	font-size: 13.3333333333vw;
	/*一便rem.js失效，这里起作用*/
}

body {
	width: 100%;
	min-width: 320px;
	min-height: 100vh;
	margin: 0 auto;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	background: #d3eff9;
	overflow-x: hidden;
	text-align: left;
	position: relative;
	font-size: 0.24rem;
	color: #000;
}

.wb {
	background: #fff;
}

img {
	border: none;
}

h1,
h2,
h3 {
	font-weight: normal;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none；
}

input,
textarea,
select {
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	font-size: 1em;
	outline: none;
	margin: 0;
	padding: 0;
}

input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}

textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}

input[type='button'],
input[type='text'],
input[type='search'],
input[type='submit'],
input[type='reset'],
input[type='date'],
input[type='time'],
input[type='number'] {
	-webkit-appearance: none;
}

select {
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

ul,
ol {
	padding: 0;
	list-style-type: none;
}

em {
	font-style: normal;
}

.lt {
	float: left;
}

.rt {
	float: right;
}

input.sub,
label {
	border: none;
	cursor: pointer;
}

input,
textarea {
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	outline: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

div.clear {
	font: 0px Arial;
	line-height: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.cm_photo {
	display: block;
	position: relative;
	overflow: hidden;
}

.cm_photo .thumb {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.cm_photo .zw {
	display: block;
	height: auto;
	width: 100%;
}


.header {
	height: 1.1rem;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 220;
	background: #fff;
}

.header .logo {
	float: left;
	display: block;
	height: 1.1rem;
}

.header .logo img {
	display: block;
	height: 1.1rem;
}

.header_zw {
	height: 1.1rem;
	clear: both;
}

.head_tel {
	float: right;
	padding-left: 0.6rem;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.34rem;
	padding-left: 0.58rem;
	background: url("../images/head_tel.png") no-repeat left center;
	background-size: auto 0.4rem;
}

.lx_tel {
	float: right;
	padding-left: 0.6rem;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.34rem;
	padding-left: 0.58rem;
	background: url("/templets/zzchunlei/images/tel.png") no-repeat left center;
	background-size: auto 0.4rem;
}






.menu_btn {
	float: right;
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background: url("../images/menu_btn.png") no-repeat center center;
	background-size: 100% 100%;
	margin-left: 0.2rem;
}

.nav_flog {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.nav {
	width: 50%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 210;
	background: #12246d;
	border-left: 1px solid #747369;
	box-sizing: border-box;
	padding-top: 1.1rem;
	display: none;
}

.nav_in {
	padding-left: 0.6rem;
}

.nav_in .par {
	display: block;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.32rem;
	color: #fff;
	padding-left: 0.5rem;
	border-radius: 0.45rem 0 0 0.45rem;
}

.nav_indown .par {
	color: #fff;
	background: #47b0e9;
}

.nav_in ul {
	font-size: 0.28rem;
	display: none;
}

.nav_indown ul {
	display: block;
}

.nav_in li {
	height: 0.7rem;
	line-height: 0.7rem;
}

.nav_in li a {
	color: #fff;
	padding-left: 0.7rem;
}

.banner {
	width: 100%;
}

.banner .swiper-slide {
	width: 100%;
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}

.banner .swiper-pagination {
	width: 100%;
	height: 0.4rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url("../images/ba_tip.png") no-repeat center center;
	background-size: auto 100%;
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
	border: 1px solid #fff;
	width: 0.06rem;
	height: 0.06rem;
	line-height: 0.4rem;
}

.banner .swiper-pagination-bullet-active {
	background: none;
}

.hm_nav {
	text-align: center;
	height: 2rem;
	background: #fff;
}

.hm_nav a {
	float: left;
	display: block;
	width: 25%;
	height: 2rem;
	box-sizing: border-box;
	padding-top: 0.25rem;
	/* line-height: 0.6rem; */
	font-size: 0.28rem;
}

.hm_nav img {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
}

.hm_pro {
	background: #76d9fe;
	/* 一些不支持背景渐变的浏览器 */
	background: linear-gradient(to bottom, #76d9fe, #129bd1);
	background: -moz-linear-gradient(to bottom, #76d9fe, #129bd1);
	background: -webkit-gradient(to bottom, #76d9fe, #129bd1);
	background: -o-linear-gradient(to bottom, #76d9fe, #129bd1);
}

.hm_head {
	text-align: center;
	height: 1.3rem;
	box-sizing: border-box;
	padding-top: 0.2rem;
}

.hm_head dt {
	height: 0.56rem;
	line-height: 0.56rem;
	font-size: 0.32rem;
	color: #999898;
}

.hm_head dt span {
	color: #195ca4;
}

.hm_head dd {
	height: 0.54rem;
	line-height: 0.54rem;
	font-size: 0.32rem;
	font-weight: bold;
	color: #333;
}

.pro_handle {
	width: 7.1rem;
	margin: 0 auto;
	background: #1c93d5;
	border-radius: 0.6rem 0.6rem 0 0;
	box-sizing: border-box;
	padding: 0.36rem 0.45rem 0.1rem 0.45rem;
}

.pro_handle .btn {
	width: 2.9rem;
	height: 0.7rem;
	line-height: 0.7rem;
	float: left;
	text-align: center;
	margin: 0 0.1rem 0.2rem 0.1rem;
	background: #fff;
	font-size: 0.28rem;
}

.pro_handle .hover {
	color: #fff;
	background: #1a5ea5;
}

.pro_slider {
	width: 7.1rem;
	margin: 0 auto;
	/* height: 10.44rem; */
	background: #d3eff9;
}

.pro_item {
	display: block;
	margin: 0.25rem auto 0 auto;
	width: 6.8rem;
	height: 3.13rem;
	background: url("../images/pro_item.png") no-repeat center center;
	background-size: 100% 100%;
	position: relative;
}

.pro_item .photo {
	display: block;
	width: 2.54rem;
	height: 2.54rem;
	/* border: 0.03rem solid #d0d0d0; */
	float: left;
	margin: 0.3rem 0 0 0.3rem;
	background-color: #d3effa;
}

.pro_item .photo img {
	display: block;
	width: 2.54rem;
	height: 2.54rem;
}

.pro_item .intro {
	padding: 0.25rem 0.25rem 0 0;
	width: 3.3rem;
	float: right;
}

.pro_item dt {
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.28rem;
}

.pro_item dd {
	height: 1.06rem;
	line-height: 0.3rem;
	font-size: 0.24rem;
	color: #999;
}

.pro_item .go {
	display: block;
	width: 1.6rem;
	height: 0.54rem;
	line-height: 0.54rem;
	border-radius: 0.27rem;
	text-align: center;
	background: #4e98eb;
	/* 一些不支持背景渐变的浏览器 */
	background: linear-gradient(to right, #4e98eb, #0c57aa);
	background: -moz-linear-gradient(to right, #4e98eb, #0c57aa);
	background: -webkit-gradient(to right, #4e98eb, #0c57aa);
	background: -o-linear-gradient(to right, #4e98eb, #0c57aa);
	color: #fff;
}

.hm_pro .more {
	display: block;
	width: 2.1rem;
	height: 0.56rem;
	line-height: 0.56rem;
	margin: 0.3rem auto;
	background: #1a5ea5;
	border-radius: 0.28rem;
	text-align: center;
	color: #fff;
}

.hm_about {
	padding: 0 0.25rem 0.45rem 0.25rem;
	background: #ddeaef;
}

.hm_about .wp {
	background: #fff;
}

.hm_about img {
	display: block;
	width: 100%;
	height: auto;
}

.hm_about .inf {
	padding: 0 0.24rem 0.32rem 0.24rem;
}

.hm_about .inf p {
	line-height: 0.4rem;
	padding: 0.2rem 0;
}

.hm_about .more {
	display: block;
	width: 1.8rem;
	height: 0.56rem;
	border-radius: 0.28rem;
	background: #1a5ea5;
	line-height: 0.56rem;
	text-align: center;
	color: #fff;
}

.hm_news .more {
	display: block;
	width: 2.1rem;
	height: 0.56rem;
	line-height: 0.56rem;
	margin: 0.3rem auto 0 auto;
	background: #1a5ea5;
	border-radius: 0.28rem;
	text-align: center;
	color: #fff;
}

.hm_news .wp {
	width: 7rem;
	margin: 0 auto;
	background: #fff;
	margin-bottom: 30px;
}

.ne_item {
	display: block;
	padding: 0.25rem;
	border-bottom: 1px solid #ececec;
}

.ne_item:last-child {
	border: 0;
}

.ne_item .photo {
	float: left;
	display: block;
	width: 2.9rem;
	height: 1.76rem;
}

.ne_item .photo img {
	display: block;
	width: 2.9rem;
	height: 1.76rem;
}

.ne_item .intro {
	width: 3.4rem;
	float: right;
}

.ne_item dt {
	height: 0.5rem;
	line-height: 0.5rem;
}

.ne_item .nm {
	display: inline-block;
	max-width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ne_item dd {
	line-height: 0.3rem;
	height: 0.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

.ne_item .date {
	line-height: 0.6rem;
}

.cu_item {
	display: block;
	width: 3.34rem;
	float: left;
	margin-left: 0.24rem;
	text-align: center;
	line-height: 0.74rem;
	font-size: 0.26rem;
}

.cu_item img {
	display: block;
	width: 100%;
	height: 2.34rem;
}

.ft_copy {
	padding: 0.3rem 0.25rem;
	background: #303336;
	color: #fff;
	font-size: 0.26rem;
}

.ft_copy li {
	height: 0.4rem;
	line-height: 0.4rem;
	padding-left: 0.45rem;
	position: relative;
}

.ft_copy li img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 0.3rem;
	margin-top: -0.15rem;
}

.ft_inf {
	text-align: center;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #000;
	color: #fff;
	font-size: 0.26rem;
}

.footer {
	width: 100%;
	height: 1.4rem;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	background: #1a5fa4;
	/* 一些不支持背景渐变的浏览器 */
	background: linear-gradient(to right, #1a5fa4, #039586);
	background: -moz-linear-gradient(to right, #1a5fa4, #039586);
	background: -webkit-gradient(to right, #1a5fa4, #039586);
	background: -o-linear-gradient(to right, #1a5fa4, #039586);
}

.footer a {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	height: 1.4rem;
	box-sizing: border-box;
	padding-top: 0.15rem;
	color: #fff;
	line-height: 2;
	font-size: 0.26rem;
}

.footer img {
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 auto;
}

.footer_zw {
	height: 1.4rem;
	clear: both;
}

/*news 新闻*/

.nd_head {
	height: 1rem;
	line-height: 1rem;
	background: #039586 url("../images/nd_head.png") no-repeat 0.24rem center;
	background-size: auto 0.5rem;
	color: #fff;
	font-size: 0.3rem;
	padding-left: 0.88rem;
}

.nd_handle {
	text-align: center;
	padding: 0.24rem 0;
}

.nd_handle a {
	display: inline-block;
	width: 2.88rem;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #fff;
	margin: 0 0.08rem;
	font-size: 0.28rem;
}

.nd_handle .hover {
	color: #fff;
	background: #1a5ea5;
}

.nd_wp {
	width: 7rem;
	margin: 0 auto;
	background: #fff;
	box-sizing: border-box;
	padding: 0.28rem 0.4rem;
}

.nd_he {
	border-bottom: 1px solid #9a9a9a;
	text-align: center;
	padding-bottom: 0.1rem;
}

.nd_he .t1 {
	line-height: 0.5rem;
	padding: 0.1rem 0;
	font-size: 0.28rem;
	font-weight: bold;
}


.nd_he h1 {
	line-height: 0.5rem;
	padding: 0.1rem 0;
	font-size: 0.24rem;
	font-weight: bold;
}
.nd_he .t2 {
	height: 0.5rem;
	line-height: 0.5rem;
	color: #333;
}

.nd_cnt {
	font-size: 0.28rem;
	line-height: 0.4rem;
}

.nd_cnt p {
	padding: 0.2rem 0;
}

.nd_cnt img {
	display: block;
	width: 100%;
	height: auto;
}

.nd_ot {
	width: 7rem;
	margin: 0.15rem auto;
	height: 1.1rem;
	background: #fff;
}

.nd_ot .item {
	display: block;
	height: 1.1rem;
	width: 50%;
	float: left;
	border-left: 1px solid #e8e8e8;
	margin-left: -1px;
}

.nd_ot dl {
	padding: 0.15rem 0.2rem 0 0.2rem;
}

.nd_ot dt {
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.26rem;
	color: #666;
}

.nd_ot dd {
	color: #7d7d7d;
	height: 0.34rem;
	line-height: 0.34rem;
}

.nd_ot .name {
	display: inline-block;
	max-width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*news 新闻*/

/*nessage 在线留言*/

.mes_title {
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.34rem;
	font-weight: bold;
	color: #333;
}

.mes_in {
	width: 6.5rem;
	margin: 0 auto 0.22rem auto;
	border: 1px solid #767473;
	border-radius: 0.1rem;
	position: relative;
	background: #fff;
}

.mes_in .text {
	height: 0.7rem;
	width: 100%;
	box-sizing: border-box;
	border: 0;
	background: none;
	padding-left: 0.32rem;
}

.mes_in em {
	width: 0.32rem;
	height: 0.7rem;
	line-height: 0.7rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	color: #f00;
	text-align: center;
}

.mes_in textarea {
	height: 3rem;
	width: 100%;
	background: none;
	resize: none;
	border: 0;
	line-height: 0.7rem;
	padding-left: 0.32rem;
}

.mes_sub {
	display: block;
	width: 6.5rem;
	height: 0.74rem;
	line-height: 0.74rem;
	border-radius: 0.1rem;
	margin: 0 auto 0.5rem auto;
	background: #1a5ea5;
	border: 0;
	font-size: 0.28rem;
	color: #fff;
}

/*nessage 在线留言*/

.pd_handle {
	text-align: center;
	padding: 0.24rem 0 0 0;
}

.pd_handle a {
	display: inline-block;
	width: 2.88rem;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #fff;
	margin: 0 0.08rem 0.24rem 0.08rem;
	font-size: 0.28rem;
}

.pd_handle .hover {
	color: #fff;
	background: #1a5ea5;
}

.pd_title h1{
	text-align: center;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.38rem;
	font-weight: bold;
	color: #333;
}

.pd_slider {
	width: 4.6rem;
	height: 4.6rem;
	margin: 0 auto;
	border: 2px solid #d1d0cf;
	background-color: #fff;
}

.pd_slider .swiper-slide {
	width: 100%;
}

.pd_slider .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}

.pd_slider .swiper-pagination-bullet {
	opacity: 1;
	background: #eee;
	border: 1px solid #eee;
}

.pd_slider .swiper-pagination-bullet-active {
	border-color: #039586;
	background: #039586;
}

.pd_go {
	display: block;
	width: 2.6rem;
	height: 0.7rem;
	line-height: 0.7rem;
	border-radius: 0.35rem;
	margin: 0.3rem auto;
	background: #4d97eb;
	/* 一些不支持背景渐变的浏览器 */
	background: linear-gradient(to right, #4d97eb, #0c57aa);
	background: -moz-linear-gradient(to right, #4d97eb, #0c57aa);
	background: -webkit-gradient(to right, #4d97eb, #0c57aa);
	background: -o-linear-gradient(to right, #4d97eb, #0c57aa);
	color: #fff;
	font-size: 0.28rem;
	text-align: center;
}

.pd_t1 {
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	background: #1a5ea5;
	font-size: 0.36rem;
	font-weight: bold;
	color: #fff;
}

.pd_t2 {
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	background: #b1d5ea;
	font-size: 0.36rem;
	font-weight: bold;
	color: #333;
}

.pd_sx {
	padding: 0.46rem 0.34rem;
	color: #333;
}

.pd_sx img {
	display: block;
	width: 100%;
	height: auto;
}

.pd_sx dt {
	height: 0.72rem;
	line-height: 0.72rem;
	font-size: 0.32rem;
	font-weight: bold;
}

.pd_sx dd {
	line-height: 0.4rem;
	font-size: 0.3rem;
	s
}

.sx_intro {
	height: 2.6rem;
	background: #fff;
	margin-bottom: 0.2rem;
	s
}

.sx_intro .photo {
	float: left;
	display: block;
	width: 2.6rem;
	height: 2.6rem;
}

video {
	max-width: 100%;
	height: auto !important;
}
.fenye{text-align: center;margin: 30px 0;}
.page{overflow: hidden;font-size: 0;}
.pageinfo{height: 0.64rem;line-height: 0.64rem;margin: 0 5px;}
.fenye .thisclass{border: 1px solid #0B61FF;}
.fenye .thisclass a{color: #fff;background: #0B61FF;}
.fenye li{height: 0.64rem;display:inline-block;*zoom:1;*display:inline;border: 1px solid #ccc;margin: 0 3px;background-color: #fff;}
.fenye li a{display: block;color: #000;font-size: 0.14rem;text-align: center;width: 0.64rem; line-height: 0.64rem;}
.fenye li:hover{border: 1px solid #0B61FF;}
.fenye li:hover a{color: #fff;background: #0B61FF;}
.fenye li span{display: block;font-size: 14px;}
.fenye li span:hover{color:#fff;background: #0B61FF;}