body{
	background-color: #f0f4f8;
	font-size: 0.24rem;
}

#barcode > img {
	width: 100%;
}


.margin_auto_display_block{ margin: 0 auto; display: block;}

.index_swiper{ position: fixed; width: 100%; height: 100%;}
.index_swiper_li_1{ background: url(../images/index1-1s.png) no-repeat center center; background-size: 100% 100%; position: relative;}
.index_swiper_li_1_l{ position: absolute; right: 0; top: 0; height: 100%; width:60%; z-index: 2;}
.logo{ margin: 0.30rem 0 0 0.30rem; position: absolute; left: 0; top: 0; z-index: 3;}
.logo .imgs{ display: block; width: 1.35rem;}
.index_swiper_li_1_l .txt_1{ margin-top: 1.5rem; font-size: .4rem; font-weight: bold; text-align: center;}
.index_swiper_li_1_l .txt_2{ font-size: .22rem; text-align: center;}
.index_swiper_li_1_l .txt_3{ margin-top: .22rem; font-size: .22rem; text-align: center;}
.index_swiper_li_1_l .txt_4{ font-size: .15rem; text-align: center;}
.index_swiper_li_1_l .txt_5{ margin-top: .22rem; font-size: .25rem; font-weight: bold; text-align: center;}
.index_swiper_li_1_l .left_2{ margin-top: 0.9rem; width: 2rem;}
.index_swiper_li_1_l .left_3{ margin-top: 0.2rem;}
.index_swiper_li_1_l .left_4{ margin-top: 0.3rem; width: 3rem;}
.index_swiper_li_1_l .left_5{ margin-top: 0.5rem; width: 2.0rem;}
.index_swiper_li_1_l .left_6{ margin-top: 0.25rem;}
.index_swiper_li_1_l .left_7{ margin-top: 0.10rem;}
.index_swiper_li_1_l .left_8{ margin-top: 0.52rem; text-align: center;}
.index_swiper_li_1_l .left_8 ul{ display: inline-block;}
.index_swiper_li_1_l .left_8 ul li{ float: left; display: flex; flex-direction: column; align-items: center; margin-right: 0.2rem;}
.index_swiper_li_1_l .left_8 ul li:last-child{margin-right: 0rem;}
.index_swiper_li_1_l .left_8 ul li .imgs{ width:0.4rem; height: 0.4rem; object-fit: contain;}
.index_swiper_li_1_l .left_8 ul li .txt1{ font-size: .2rem; margin-top: .1rem;}
.index_swiper_li_1_l .left_8 ul li .txt2{ font-size: .1rem; margin-top: .05rem;}

.index_swiper_li_1 .left_9{ position: absolute; left: 50%; margin-left: -0.31rem; bottom: 0.2rem; z-index: 2;}
.index_swiper_li_1 .left_9 .imgs{ width: 0.62rem;animation:shangxs 2s infinite;-webkit-animation:shangxs 2s infinite;}

.index_swiper_li_1_r{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 50%; display: flex; justify-content: center;}
.index_swiper_li_1_r .imgs{ width: 80%; height:100vh; object-fit: contain;}

.index_service{ position: absolute; z-index: 3; right:0.2rem; top:0.23rem; background-image: linear-gradient(#FFFFFF, #F2F2F2, #FFFFFF); border-radius: 0.08rem; box-shadow: 0 0 0.06rem rgba(0,0,0,0.4); padding: 10px 12px; font-size: 0.2rem; font-weight: bold; color: #575757; cursor: pointer; display: flex; align-items: center;}
.index_service .imgs{ width: 15px; display: block;}
.index_service .text{ font-size: 14px; margin-left: 5px;}

.swiper-slide{ overflow: hidden;}
.index_swiper2{ position: fixed; width: 100%; height: 100%; background-color: #f0f4f8;}
.index_swiper2 .swiper2-button-next,.index_swiper2 .swiper2-button-prev{ width: 0.86rem; height: 0.73rem; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;}
.index_swiper2 .swiper2-button-next:after,.index_swiper2 .swiper2-button-prev:after{ display: none;}
.index_swiper2 .swiper2-button-next{ background-image: url(../images/index2-a2.png);}
.index_swiper2 .swiper2-button-prev{ background-image: url(../images/index2-a1.png);}

.index_con_cen{ position: relative; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; background: url(../images/bg.png) no-repeat;}
.index_con_cen_w{ padding: 0 2.10rem; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.index_con_cen_r{ position: absolute; z-index: 1;}
.index_con_cen_l{ position: relative; z-index: 2; width: 5.50rem;}
.index_con_cen_l .imgs1{ width: 3.3rem;}
.index_con_cen_l .imgs2{ width: 5.14rem; margin-top: 0.32rem; margin-bottom: 0.6rem;}

.index_swiper2_li_1 .index_con_cen_r{ right:2.1rem;}
.index_swiper2_li_1 .index_con_cen_r .imgs{ width: 9.24rem;}

.index_swiper2_li_2 .index_con_cen_r{ right:0rem;}
.index_swiper2_li_2 .index_con_cen_r .imgs{ width: 9.78rem;}

.index_swiper2_li_3 .index_con_cen_r{ right:1.02rem;}
.index_swiper2_li_3 .index_con_cen_r .imgs{ width:8.7rem;}

.index_swiper2_li_4 .index_con_cen_r{ right:0.92rem;}
.index_swiper2_li_4 .index_con_cen_r .imgs{ width:9.72rem;}

.index_swiper2_li_5 .index_con_cen_r{ right:1.69rem;}
.index_swiper2_li_5 .index_con_cen_r .imgs{ width:7.74rem;}

.index_swiper2_li_6 .index_con_cen_r{ right:2.17rem;}
.index_swiper2_li_6 .index_con_cen_r .imgs{ width:6.62rem;}

.index_text_list li{ line-height: 0.66rem; border-radius: 0.1rem; box-shadow: 0 3px 4px rgba(0,0,0,0.2); text-align: center; background: #ffffff; margin-bottom: 0.17rem; font-size: 0.24rem; color: #686868;}

.index_swiper_li_3{}
.index_swiper_li_3 .index_con_cen_r{ right: 0; margin-bottom:1.60rem;}
.index_swiper_li_3 .index_con_cen_r .imgs{ width: 10.12rem;}
.index_swiper_li_3 .index_text_list{padding-top: 0.7rem;}
.index_swiper_li_3 .index_text_list li .imgs{ display: block; margin-bottom: 0.09rem; height: 0.26rem;}
.index_swiper_li_3 .index_text_list li{ text-align: justify; padding: 0.28rem 0.26rem 0.16rem; line-height: 0.38rem; text-align: left;border: 1px solid #A3EDD9;}
.index_swiper_li_3_img1{ margin-top: 0.31rem; width:2.84rem;}

/**效果**/
.index_swiper_li_1{}
.index_swiper_li .transition_opacity{ transition:opacity 1.4s;-webkit-transition:opacity 1.4s; opacity:0;transition-delay:0s;}
.index_swiper_li.swiper-slide-active .transition_opacity{ opacity: 1; }
.index_swiper_li .transition_scale{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: scale(0);transition-delay:0s; opacity:0;}
.index_swiper_li.swiper-slide-active .transition_scale{ transform: scale(1);opacity: 1;}
.index_swiper_li .transition_left{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateX(-10rem);transition-delay:0s; opacity:0;}
.index_swiper_li.swiper-slide-active .transition_left{ transform: translateX(0);opacity: 1;}
.index_swiper_li .transition_right{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateX(10rem);transition-delay:0s;opacity:0;}
.index_swiper_li.swiper-slide-active .transition_right{ transform: translateX(0);opacity: 1;}
.index_swiper_li .transition_top{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateY(-10rem);transition-delay:0s; opacity:0;}
.index_swiper_li.swiper-slide-active .transition_top{ transform: translateY(0);opacity: 1;}
.index_swiper_li .transition_bottom{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateY(10rem);transition-delay:0s; opacity:0;}
.index_swiper_li.swiper-slide-active .transition_bottom{ transform: translateY(0);opacity: 1;}

.transition_opacity1{ transition:opacity 1.4s;-webkit-transition:opacity 1.4s; opacity:0;transition-delay:0s;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_opacity1{ opacity: 1; }
.transition_scale1{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: scale(0);transition-delay:0s; opacity:0;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_scale1{ transform: scale(1);opacity: 1;}
.transition_left1{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateX(-10rem);transition-delay:0s; opacity:0;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_left1{ transform: translateX(0);opacity: 1;}
.transition_right1{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateX(10rem);transition-delay:0s;opacity:0;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_right1{ transform: translateX(0);opacity: 1;}
.transition_top1{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateY(-10rem);transition-delay:0s; opacity:0;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_top1{ transform: translateY(0);opacity: 1;}
.transition_bottom1{ transition:transform 0.8s,opacity 1.8s;-webkit-transition:transform 0.8s,opacity 1.8s; transform: translateY(10rem);transition-delay:0s; opacity:0;}
.swiper-slide-active .index_swiper2_li.swiper-slide-active .transition_bottom1{ transform: translateY(0);opacity: 1;}



.pcNone{ display: none ;}
.mobileNone{ display: block;}
@media (max-width:750px) {
	.pcNone{ display: block ;}
	.mobileNone{ display: none;}

	.index_swiper_li_1{ background: url(../images/index1-1s.png) no-repeat;}
	.index_swiper_li_1_l{ width: 100%;}
	.index_swiper_li_1_l .left_2{ margin-top: 1.29rem; width:2.5rem;}
	.index_swiper_li_1_l .left_3{ margin-top: 0.22rem; width:4.8rem;}
	.index_swiper_li_1_l .left_4{ margin-top: 0.32rem; width:3.8rem;}
	.index_swiper_li_1_l .txt_1{ margin-top: 0.22rem; font-size: .4rem; font-weight: bold; text-align: center;}
	.index_swiper_li_1_l .txt_2{ margin-top: 0.22rem; font-size: .22rem; text-align: center;}
	.index_swiper_li_1_r{ left: 0; right: auto; bottom: 0; width: 100%; height:100vh; }
	.index_swiper_li_1_r .imgs{ height: auto; width: 100%;}
	.index_swiper_li_1_r .imgs{ height: auto; width: 100%;}

	.logo{ margin: 0.38rem 0 0 0.23rem;}
	.logo .imgs{ display: none;}

	.index_service{ right:2rem; top:0.28rem;border-radius: 0.12rem; padding:0.13rem 0.18rem 0.17rem 0.11rem; font-size: 0.26rem; line-height: 0.31rem;}
	.index_service .imgs{ width: 15px;}
	.index_service .text{ font-size: 12px;}

	.index_service1{ right: 0.14rem;}
	.index_service1_s{ position: absolute; right:0.14rem; top:0.8rem; width: 83.77px;  background-color: #FFFFFF; z-index: 2; box-shadow: 0 0 0.08rem 0.02rem rgba(0,0,0,0.3) inset; border-radius: 0 0 0.12rem 0.12rem;}
	.index_service1_s ul{ padding-top: 0.12rem;}
	.index_service1_s li{ line-height: 0.68rem; }
	.index_service1_s li:first-child p{ background: url(../images/mindex_8.jpg) no-repeat center bottom;}
	.index_service1_s li .imgs{ width: 15px; height: auto; margin-left: 0.11rem; margin-top: 0.18rem;}
	.index_service1_s li .text{ margin-left: 5px;}

	.index_li_xianl{ width: 100%; margin-top: .4rem;}
	.index_li_xianl ul{ padding: 0 1rem; display: flex; justify-content: space-between;}
	.index_li_xianl li{ display: flex; flex-direction: column; align-items: center;}
	.index_li_xianl li .tunnel{ width: 60px; height: 60px; border-radius: 5px; font-size: 32px; font-weight: bold; color: #575757; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(180deg,#FFFFFF,#F2F2F2,#FFFFFF); box-sizing: border-box; box-shadow: 0 0 3px rgba(0, 0, 0, 0.21);}
	.index_li_xianl li .ico{ width: 0.27rem; height: 0.27rem; background: no-repeat center center; background-size: 100% 100%; margin-left: 0.31rem; margin-top: 0.28rem;margin-right: 0.31rem;}
	.index_li_xianl li .ico1{ background-image: url(../images/mindex_3.png);}
	.index_li_xianl li .ico2{ background-image: url(../images/mindex_4.png);}
	.index_li_xianl li .ico3{ background-image: url(../images/mindex_5.png);}
	.index_li_xianl li .more{ margin-right: 0.27rem;}
	.index_li_xianl li .moreC{ margin-right: 0.27rem;}
	.index_li_xianl li .text{}
	.index_li_xianl li .more{ color: #415276;}
	.index_li_xianl li .moreC{ color: #415276;}
	.index_con_cen {background: url(../images/index1-0s.png) no-repeat;}
	.index_con_cen_l{ width: 100%;}
	.index_con_cen_l .imgs1{ width: 3.8rem;}
	.index_con_cen_l .imgs2{ width: 5.53rem;}
	.index_swiper2_li_1 .index_con_cen_r{ right: 0; margin-top: -0.4rem;}
	.index_con_cen_w .index_con_cen_r .imgs {width: 78%;}
	.index_con_cen_w .index_con_cen_r .imgs2 {width: 52%;}
	.index_con_cen_w .index_con_cen_r .imgs3 {width: 72%;}
	.index_con_cen_w .index_con_cen_r .imgs5 {width: 72%;}
	.index_swiper_li_2 .index_con_cen_w{ padding: 0 0.3rem; padding-top: 0.6rem;}
	.index_text_list{ padding-top:5.5rem;}
	.index_text_list li{ line-height: 0.78rem; font-size: 0.3rem;}
	.index_con_cen_l .imgs2{ margin-bottom: 0rem;}

	.index_swiper2_li_2 .index_con_cen_r{ margin: 0 -1.1rem;}
	.index_swiper2_li_3 .index_con_cen_r{ right: 0; /*margin-left: 0.21rem; margin-right: -0.6rem;*/ }
	.index_swiper2_li_4 .index_con_cen_r{ right: 0; /*margin:0 -0rem 0 -1.1rem;*/}
	.index_swiper2_li_5 .index_con_cen_r{ right: 0; /*margin:0 -0rem 0 -0.46rem;*/}
	.index_swiper2_li_6 .index_con_cen_r{ right: 0; /*margin:0 0.7rem;*/}
	.index_swiper2_li_6 .index_con_cen_r .imgs{ width: 62%;}

	.index_swiper_li_3 .index_con_cen_w{padding: 0 0.3rem; align-items:flex-start;}
	.index_swiper_li_3 .index_con_cen_w .index_con_cen_l{ padding-top:4rem;}
	.index_swiper_li_3 .index_text_list{ padding-top: 0.7rem;}
	.index_swiper_li_3 .index_con_cen_r{ margin: 0 -0.9rem; margin-bottom: 0;}
	.index_swiper_li_3 .index_text_list li{ font-size: 0.26rem; line-height: 0.36rem;padding: 0.22rem 0.20rem 0.10rem;}
	.index_swiper_li_3 .index_text_list li .imgs{ height: 0.26rem; margin-bottom: 0.1rem;}
}
.img_title_block {
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
}

.img_title_block img {
	width: 30%;
}
@media (max-width:750px) {
	.img_title_block{
		margin-top: 0.5rem;
	}
	.img_title_block img {
		width: 60%;
	}
}

.circle {
  width: .2rem;
  height: .2rem;
  border-radius: .2rem;
}
.circle-green {
	background: #72D561;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.circle-warning {
	background: #B17B00;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.circle-danger {
	background: #B10000;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

