@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: myFont;  list-style:none;}
html, body { position: relative; height: 100%;}
 

div { box-sizing:border-box;}
.dn { display: none;}
/* CSS Document */
@media (min-width:999px) {
.growStep { padding: 4.2vw 0;  text-align: center; width:100%; float:left;}
.growTit { margin-bottom: 6.25vw;}
.growTit p { color: #ffffff; font-size: 36px; line-height: 46px; margin-bottom: 20px;}
.growTit span { color: #ffffff; font-size: 14px; line-height: 18px; display: block; text-align: center;}
.growCont {margin: 0 auto; max-width: 92%;}
.txtTit span { color: #ffffff; display: inline-block; font-size: 24px; line-height: 52px; border: 4px solid #ffffff; padding: 0 30px;}



.growSlide li{ position:relative;display:flex; justify-content: center; margin-top:50px;}
.growSlide li .a01{width:33%; border-radius: 10px; font-size:14px; line-height:28px; overflow: hidden; background-color:#D9E4F1; padding-bottom:30px;}
.growSlide li .a01 h1{height:48px; background-color: #004EA1; padding-left:30px; line-height:48px; font-size:24px; color:#FFFFFF; margin-bottom:0px; margin-top:0px}
.growTxt { padding:25px 30px;font-size: 14px; line-height: 30px; color: #666666;}
.growImg {padding:0 30px; text-align:center}
.growImg img { max-width: 100%; height:auto;}
.growSlide li .a01 .jt{
	width: 22px;
	height: 16px;
	position: absolute;
	left: calc(50% - 11px);
	top: -15px;
	z-index: 11;
	background-image: url(../images/sjt.png);
	background-position: center;
	background-repeat: no-repeat;
}

.growChose i{ display: block; width: 20px; height: 20px; background-image:url(yuan.png); background-repeat:no-repeat; background-size:contain;margin: 10px auto 0px;}
.growChose .on i { background-image:url(yuan2.png); background-repeat:no-repeat; background-size:contain; width:20px; height:27px;}
.growChose { position: relative;}
.growChose .swiper-button-next { right: 0; background: url(../images/next.png) center no-repeat; background-size:contain; width: 40px;
height: 40px;}
.growChose .swiper-button-prev { left: 0; background: url(../images/prev.png) center no-repeat; background-size:contain; width: 40px;
height: 40px;}
.growChose .swiper-button-next:after,.growChose .swiper-button-prev:after { content: '';}
.growChose { position: relative;}
.growChose:after { content: ''; position: absolute; left:24px; right: 24px; top: 41px; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
.growChose .swiper-button-next,.growChose .swiper-button-prev { top: 43px;}
.growChose p { font-size: 16px; opacity: 0.5; color: #ffffff;}
.growChose .on p { opacity: 1;}
.growChose .swiper-slide { cursor: pointer;}

}


@media screen and  (max-width:999px){


.dn { display: none;}
/* CSS Document */
.growStep { padding: 5.2vw 0;  text-align: center;width:100%; float:left;}
.growTit { margin-bottom: 6.25vw;}
.growTit p { color: #ffffff; font-size: 36px; line-height: 46px; margin-bottom: 20px;}
.growTit span { color: #ffffff; font-size: 14px; line-height: 18px; display: block; text-align: center;}
.growCont {width: 1600px; margin: 0 auto; max-width: 92%;}
.txtTit span { color: #ffffff; display: inline-block; font-size: 24px; line-height: 52px; border: 4px solid #ffffff; padding: 0 30px;}



.growSlide li{ position:relative;display:flex; justify-content: center; margin-top:50px;}
.growSlide li .a01{width:90%; border-radius: 10px; font-size:0.8rem; line-height:1.5rem; overflow: hidden; background-color:#D9E4F1; padding-bottom:1.0rem;}
.growSlide li .a01 h1{height:2.5rem; background-color: #004EA1; padding-left:1.0rem; line-height:2.5rem; font-size:1.0rem; color:#FFFFFF; margin-bottom:0px; margin-top:0px}
.growTxt { padding:1.0rem;font-size: 0.8rem; line-height: 1.5rem; color: #666666;}
.growImg {padding:0 1.0rem; text-align:center}
.growImg img { max-width: 100%; height:auto;}
.growSlide li .a01 .jt{
	width: 22px;
	height: 16px;
	position: absolute;
	left: calc(50% - 11px);
	top: -15px;
	z-index: 11;
	background-image: url(../images/sjt.png);
	background-position: center;
	background-repeat: no-repeat;
}

.growChose i{ display: block; width: 20px; height: 20px; background-image:url(yuan.png); background-repeat:no-repeat; background-size:contain;margin: 10px auto 0px;}
.growChose .on i { background-image:url(yuan2.png); background-repeat:no-repeat; background-size:contain; width:20px; height:27px;}
.growChose { position: relative;}
.growChose .swiper-button-next { right: 0; background: url(../images/next.png) center no-repeat; background-size:contain; width: 40px;
height: 40px;}
.growChose .swiper-button-prev { left: 0; background: url(../images/prev.png) center no-repeat;background-size:contain; width: 40px;
height: 40px;}
.growChose .swiper-button-next:after,.growChose .swiper-button-prev:after { content: '';}
.growChose { position: relative;}
.growChose:after { content: ''; position: absolute; left:24px; right: 24px; top: 41px; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
.growChose .swiper-button-next,.growChose .swiper-button-prev { top: 43px;}
.growChose p { font-size: 0.8rem; opacity: 0.5; color: #ffffff;}
.growChose .on p { opacity: 1;}
.growChose .swiper-slide { cursor: pointer;}
	
}