body{
	background-color: #f0f4f8;
	font-size: 0.24rem;
}
.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-0.png) no-repeat center center; background-size: 100% 100%;*/ position: relative; background-color: #eceff4;}
.index_swiper_li_1_l{ position: absolute; left: 0; top: 0; height: 100%; width:8.88rem; 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 .left_2{ margin-top: 0.5rem; width: 2rem;}
.index_swiper_li_1_l .left_3{ margin-top: 0.2rem; width: 5rem;}
.index_swiper_li_1_l .left_4{ margin-top: 0.3rem; width: 3rem;}
.index_swiper_li_1_l .left_5{ margin-top: 0.20rem; width: 2.0rem;}
.index_swiper_li_1_l .left_6{ margin-top: 0.25rem; width: 2.89rem;}
.index_swiper_li_1_l .left_7{ margin-top: 0.10rem; width: 3.6rem;}
.index_swiper_li_1_l .left_8{ margin-top: 0.22rem; 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;}
.index_swiper_li_1_l .left_8 ul li .imgs{ width:0.9rem;}
.index_swiper_li_1_l .left_8 ul li:nth-last-child(1){ margin-left: 0.14rem;}
.index_swiper_li_1_l .left_8 ul li:nth-last-child(2){ margin-left: 0.26rem;}
.index_swiper_li_1_l .left_8 ul li:nth-last-child(3){ margin-left: 0.12rem;}

.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; right: 0; bottom: 0; z-index: 1;}
.index_swiper_li_1_r .imgs{ height:100vh; }

.index_service{ position: absolute; z-index: 3; right:0.2rem; top:0.23rem; background-color: #fbfbfd; border-radius: 0.08rem; box-shadow: 0 0 0.06rem rgba(0,0,0,0.4); padding:0.13rem 0.18rem 0.17rem 0.11rem; font-size: 0.2rem; color: #8d8d8d; line-height: 0.29rem; cursor: pointer;}
.index_service .imgs{ width: 0.41rem; display: block;}
.index_service .text{ margin-left: 0.16rem;}

.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;}
.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: 11.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-image: linear-gradient(#fdfdfe,#ebf0f6,#fbfcfe); 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: 12.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 #b2efdd;}
.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;}






.div002{
		margin-top: 0.52rem;
	    text-align: center;
		position: absolute;
		    bottom: 0.1rem;
		    left: 0;
		    width: 100%;
}


.div002 ul{
	padding: 0 0.6rem;
}
.div002 li {
    width: 100%;
    background-color: #FFFFFF;
    line-height: 0.86rem;
    border-radius: 0.32rem;
    box-shadow: 0 0.04rem 0.04rem rgb(0 0 0 / 40%);
    margin-bottom: 0.38rem;
    font-size: 0.3rem;
    color: #415276;
}

.cfl{
    width: 100%;
    background-color: #FFFFFF;
    line-height: 0.86rem;
    border-radius: 0.32rem;
    box-shadow: 0 0.04rem 0.04rem rgb(0 0 0 / 40%);
    margin-bottom: 0.38rem;
    font-size: 0.3rem;
    color: #415276;
}


.cfl::after, .cfl::before {
    content: " ";
    display: table;
}

.cfl::after {
    clear: both;
}

.cfl::after, .cfl::before {
    content: " ";
    display: table;
}



.morel{
	  color: #415276;
}

 .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;
}


@media (max-width:750px) {
	.pcNone{ display: block ;}
	.mobileNone{ display: none;}

	.index_swiper_li_1{ background-color: #f0f2f5;}
	
	.index_swiper_li_1_l{ width: 100%;}
	
	.index_swiper_li_1_l .left_2{ margin-top: 0.69rem; width:2.6rem;}
	
	.index_swiper_li_1_l .left_3{ margin-top: 0.12rem; width:5.12rem;}
	
	.index_swiper_li_1_l .left_4{ margin-top: 0.12rem; width:3.8rem;}
	
	.index_swiper_li_1_r{ left: 0; right: auto; bottom: 0; width: 100%; height:16.15rem; }
	
	.index_swiper_li_1_r .imgs{ height: auto; width: 100%;}

	.logo{ margin: 0.38rem 0 0 0.23rem;}
	
	.logo .imgs{ width: 1.62rem;}
	
	

	.index_service{ right:2.2rem; top:0.28rem;border-radius: 0.12rem; padding:0.13rem 0.18rem 0.17rem 0.11rem; font-size: 0.26rem; color: #8d8d8d; line-height: 0.31rem;}
	.index_service .imgs{ width: 0.44rem;}
	.index_service .text{ margin-left: 0.16rem;}
	.index_service1{ right: 0.14rem;}
	
	.index_service1_s{ position: absolute; right:0.14rem; top:0.8rem; width: 1.91rem;  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: 0.26rem; height: auto; margin-left: 0.21rem; margin-top: 0.18rem;}
	
	.index_service1_s li .text{ margin-left: 0.2rem;}

	.index_li_xianl{ position: absolute; bottom:0.72rem; left: 0; width: 100%;}
	
	.index_li_xianl ul{ padding: 0 0.6rem;}
	
	.index_li_xianl li{ width: 100%; background-color: #FFFFFF; line-height: 0.86rem; border-radius: 0.32rem; box-shadow: 0 0.04rem 0.04rem rgba(0,0,0,0.4); margin-bottom: 0.38rem; font-size: 0.3rem; color: #415276;}
	
	.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_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_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;}
}

