
.SetContainer{ padding: 50px 10px; box-sizing: border-box; width: 1200px; margin: 0 auto; overflow: hidden;}
.SetContainer .swiper-container{ width: 100%;}

.SetMain{ transition: 0.5s; padding: 15px; height: 190px; box-sizing: border-box; border-radius:10px ; width: 100%;  border: 1px solid #ddd;}
.SetMain .icon{ box-shadow: 0 0 10px rgba(0,92,216,0.2); border-radius:50% ; width:120px; height: 120px; position:relative; margin: 0 auto;}
.SetMain .icon img{ display: block; width: 52px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.SetMain .text h2{ padding:10px 0 0 0; text-align: center; font-size: 18px!important; color: #333; font-weight: bold; line-height: 40px!important;}
.SetMain .text p{ font-size: 12px!important; line-height:18px!important; color: #555151; text-align: center;}

.SetContainer .swiper-slide.swiper-slide-active{ z-index: 9;}
.SetContainer .swiper-slide.swiper-slide-active .SetMain{ transform: scale(1.2); box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.SetContainer2{ padding:50px 0 0 0; width: 1200px; margin: 0 auto; overflow:hidden;}
.SetContainer2 .SetMain{ border: none;}
.SetContainer2 .swiper-pagination{ display: none;}


@keyframes a1{
	0%{ transform: translateX(0);}
	100%{ transform: translateX(-1500px);}
}
@keyframes a2{
	0%{ transform: translateX(-1500px);}
	100%{ transform: translateX(0);}
}

@keyframes f1{
	0%{ transform: translateX(0);}
	100%{ transform: translateX(-50%);}
}
@keyframes f2{
	0%{ transform: translateX(-50%);}
	100%{ transform: translateX(0);}
}
@keyframes f3{
	0%{ transform: translate(-50%,-50%) scale(1);  opacity: 0.4;}
	100%{transform: translate(-50%,-50%) scale(1.8); opacity: 0;}
}

.FriendLink_add{ width: 100%; overflow: hidden;}
.FriendLink_add .floor{ width: 100%;}
.FriendLink_add .floor .bd{ width: 100%; overflow: hidden; }
.FriendLink_add .floor .bd ul{padding: 10px 0!important; overflow:hidden; text-align: left; width:4500px; height:88px;   height: auto; white-space: normal;}
.FriendLink_add .floor .bd ul li{ margin-bottom:10px; float:left; width: 280px; margin-right: 20px;  display: blockk; box-shadow: 10px 10px 20px rgba(0,94,255,.1); border-radius:12px; background: #fff;  height: 88px;}
.FriendLink_add .floor .bd ul li:last-child{ margin-right:0;}
.FriendLink_add .floor2 .bd ul{ transform: translateX(-50%);}
.FriendLink_add .floor .bd ul li img{ display: block; height: 100%; width: auto; margin: 0 auto;}
.FriendLink_add .floor1 .bd ul{ animation: a1 30s linear infinite;}
.FriendLink_add .floor2 .bd ul{ animation: a2 30s linear infinite;}
.FriendLink_add .floor3 .bd ul{ animation: a1 30s linear infinite;}
.FriendLink_add .floor .bd ul:hover{animation-play-state: paused; /* 鎮仠鏃舵殏鍋滃姩鐢� */}

.im{ width: 100%;}
.im img{ display: block; width: 100%; height: auto;}
.Set_floor1{ position: relative;  width: 100%; background: #fff; height: 600px; background: #fff; overflow: hidden;}

.Set_floor1 .bg{ z-index: 9; position: absolute; width: 100%; height: 100%; background: rgba(66,124,255,0.2);}
.Set_floor1 .MainWarp{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%) rotate(-35deg);}
.Set_floor1 .MainWarp .Main_layer{ overflow: hidden; width: 100%;}
.Set_floor1 .MainWarp .Main_layer .con{ width: 200%; overflow: hidden;}
.Set_floor1 .MainWarp .Main_layer:nth-child(1) .con{ animation: f2 19s linear infinite;}
.Set_floor1 .MainWarp .Main_layer:nth-child(2) .con{ animation: f1 20s linear infinite;}
.Set_floor1 .MainWarp .Main_layer:nth-child(3) .con{ animation: f2 15s linear infinite;}
.Set_floor1 .MainWarp .Main_layer:nth-child(4) .con{ animation: f1 16s linear infinite;}
.Set_floor1 .MainWarp .Main_layer:nth-child(5) .con{ animation: f2 17s linear infinite;}
.Set_floor1 .MainWarp ul{ box-sizing: border-box; width: 50%; float: left; overflow: hidden; padding: 15px 15px;}
.Set_floor1 .MainWarp ul:last-child{ margin-right: 0;}
.Set_floor1 .MainWarp ul li{ overflow: hidden; border-radius:15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 32%; float: left; margin-right: 2%;}
.Set_floor1 .MainWarp ul li:last-child{ margin-right: 0;}
.Set_floor1 .MainWarp ul li img{ width: 100%; height: auto;}
.Set_floor1 .textWarp{ z-index: 9; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.Set_floor1 .textWarp h2{ font-size: 32px; font-weight: bold; color: #333; text-align: center; margin-bottom: 30px;}
.Set_floor1 .textWarp h2 span{ color: #2d70f5;}
.Set_floor1 .textWarp p{ text-align: center; font-size: 24px; color: #333;}
.Set_floor1 .textWarp p span{ color: #2d70f5;}

.set_Title{ font-weight:bold; text-align: center; font-size: 32px; margin-bottom: 50px;  color: #333; padding-top:50px;}
.set_Title span{ color: #33AAFF;}
.Set_floor2{ width: 100%;  padding: 60px 0;}
.Set_floor2 .hd{ position: relative; width: 1200px; margin: 0 auto 60px auto; height: 60px; border-radius:30px;  }
.Set_floor2 .hd ul{ width: 100%; height: 60px; overflow: hidden;}
.Set_floor2 .hd ul li{ transition: 0.5s; cursor: pointer; position: relative; z-index: 1; width: 200px; height: 60px; float: left; text-align: center; line-height: 60px; font-size:16px; color: #052556;}
.Set_floor2 .hd ul li b{display: inline-block; vertical-align: middle;  width: 40px; height: 100%; position: relative; margin-top: -2px;}
.Set_floor2 .hd ul li b img{ opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  display: block; vertical-align: middle; transition: 0.5s;}
.Set_floor2 .hd ul li img.on{ opacity: 0;}
.Set_floor2 .hd ul li.on img{ opacity: 0;}
.Set_floor2 .hd ul li.on img.on{ opacity: 1;}
.Set_floor2 .hd ul li.on{ color: #fff;}
.Set_floor2 .hd .bg{ position: absolute; left: 0; top: 0; transition: 0.5s; width: 200px; height: 60px; border-radius:30px; background: #2d70f5;}
.Set_floor2 .bd{ width: 1200px; margin: 0 auto; background: #fff;  box-shadow: 0 0 15px rgba(201,221,251,0.8); border-radius:16px; padding: 18px; box-sizing: border-box;}
.Set_floor2 .bd .bdBox{ overflow: hidden;}
.Set_floor2 .bd .icon{ margin-top:20px; width: 660px; height: 495px; float: right; border-radius:10px; overflow: hidden;}
.Set_floor2 .bd .icon img{ display: block; width: 100%; height: 100%;}
.Set_floor2 .bd .text{ width: calc(100% - 660px); float: left; padding: 20px; box-sizing: border-box;}
.Set_floor2 .bd .text h2{ height: 60px; line-height: 60px; font-size: 26px; font-weight: bold; color: #000;}
.Set_floor2 .bd .text .tips{ overflow:hidden; box-sizing:border-box; box-sizing:border-box; border-radius:4px ; width: 340px; height: 24px; border: 1px solid #d0e2ff; box-sizing: border-box;}
.Set_floor2 .bd .text .tips span{ display: block; float: left; width: 72px; height: 100%; line-height: 22px; background: #d0e2ff; text-align: center; font-size: 12px; color: #007aff;}
.Set_floor2 .bd .text .tips p{ width: calc(100% - 72px); float: left; line-height: 22px!important; height: 100%; padding-left: 12px; box-sizing: border-box; color: #7689a3; font-size: 12px!important; }
.Set_floor2 .bd .text ul{ width: 100%; padding-left: 25px; padding-top: 35px;}
.Set_floor2 .bd .text ul li{ margin-bottom: 30px; width: 100%;}
.Set_floor2 .bd .text ul li h3{ color: #073b75; line-height: 38px;  font-weight: normal; font-size: 19px; position: relative; width: 100%; height: 38px; position: relative;}
.Set_floor2 .bd .text ul li h3:after{ content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius:50%; left: -22px; top: 50%; transform: translateY(-50%);  background:#05b25f; box-sizing: border-box;}
.Set_floor2 .bd .text ul li p{ color: #687b94; font-size: 12px;}
.Set_floor2 .bd .text .more{ display: block; width: 215px; height: 52px; border-radius:26px; text-align: center; line-height: 52px; background: #4078ff; font-size: 16px; color: #fff; margin-top: 60px;}
.Set_floor3{ overflow: hidden; position: relative; height: 890px; background-size:100% 100% ;}
.Set_floor3 .bg{ width: 412px; height: 429px; position: absolute; left: 50%; top: 125px; transform: translate(-50%,0);}
.Set_floor3 .bg .icon1{ width: 100%; height: 100%; z-index: 4; position: relative;}
.Set_floor3 .bg .icon1 img{ display: block; width: 100%; height: 100%;}
.Set_floor3 .bg .icon4{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1); z-index: 1;  animation:f3 1.5s linear infinite;}
.Set_floor3 .bg span{ z-index: 9; font-weight: bold; display: block; width: 100%; text-align: center; position: absolute; top: 165px; font-size: 42px; color: #052556; line-height:64px;}
.Set_floor3 .bg span b{ color:#006ce1;}
.Set_floor3 .tit{ z-index: 9; font-weight: bold; position: absolute; width: 100%; top: 45%; transform: translateY(-50%); font-size: 32px; color: #333; text-align: center;}
.Set_floor3 .NrWarp{ margin: 0 auto; width: 1200px; height: 100%; position: relative;}
.Set_floor3 .Nr{ width: auto; position: absolute; height: auto;}
.Set_floor3 .Nr h2{ text-align: center; font-weight: bold; font-size: 28px; color: #0071f1; margin-bottom: 15px;}
.Set_floor3 .Nr ul{ width: 100%;}
.Set_floor3 .Nr ul li{ height: 38px; line-height: 38px; font-size: 17px; color: #333;}
.Set_floor3 .Nr ul li span{ font-weight: bold; color: #8c97cb; margin-right:10px;}
.Set_floor3 .Nr:nth-child(1){ top: 425px; left: 100px;}
.Set_floor3 .Nr:nth-child(2){ top: 425px; right: 100px;}
.Set_floor3 .Nr:nth-child(3){ bottom: 155px; left: 50%; transform: translateX(-50%);}
.Set_con1{ width: 100%; padding: 40px 0 40px 0;background-size:100% 100%;}
.Set_con1 ul{ width: 1240px; padding: 20px; margin: 0 auto; overflow: hidden;}
.Set_con1 ul li{ position: relative; box-shadow: 0 0 15px rgba(201,221,251,0.8); width: 590px; height: 310px; float: left; margin: 0 20px 20px 0; border-radius:12px; overflow: hidden; background:#fff;}
.Set_con1 ul li:nth-child(2n){ margin-right: 0;}
.Set_con1 ul li img{ display: block; width: 100%; height: auto; position:absolute; bottom: 0; left: 0;}
.Set_con1 ul li .tit{ top: 24px; padding: 0 40px; z-index: 3; box-sizing: border-box; width: 100%; position: absolute;  left: 0;}
.Set_con1 ul li .tit h2{ font-weight: normal; font-size: 24px!important; color: #000; margin:0 0 15px 0;}
.Set_con1 ul li .tit span{ display: block; font-size: 18px; color: #737373;}
.Set_con1 ul li .Nr{ overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden;}
.Set_con1 ul li .Nr .icon{ position: relative; width: 255px; height: 200px; float: left;}
.Set_con1 ul li .Nr .icon img{ display: block; width: 100%; height: 100%;}
.Set_con1 ul li .Nr .text{ width: calc(100% - 255px); float: left; padding: 12px 0 0 0;}
.Set_con1 ul li .Nr .text p{ font-size: 18px; line-height: 35px; color: #737373;}
.Set_con1 ul li .Nr .text a{ display: block; width: 125px; height: 40px; line-height: 40px; text-align: center;border-radius:20px; background: #0743dc; color: #fff; font-size: 16px; margin-top:15px;}

.index_th{ padding-bottom: 60px!important;}
.Set_con2{ background-size:100% 100%; width: 100%;  padding-bottom: 60px;}
.Set_con2 .Nr{ width: 1200px; margin: 0 auto; background: #fff; border-radius:15px; overflow: hidden; box-shadow: 0 0 10px rgba(43,130,237,0.2);}
.Set_con2 .Nr img{ display:block; height:auto; width:100%;}
.Set_con2 .Nr img.app{ display:none;}
.Set_con2 .Nr img.pc{ display:block;}
.index_four{ margin-top:-50px; background-size:100% 100%;}
.index_five{}

.index_four.set_Title2 .pub_tit{ padding-top:0!important; padding-bottom:80px!important;}
#contact{ margin-top:0;}
@media(min-width:1201px ) {
	.SetContainer2 .swiper-contaienr{ width: 100%; height: auto; display: block;}
	.SetContainer2 .swiper-contaienr .swiper-wrapper{ width: 100%; display: block; height: auto; text-align: center;}
	.SetContainer2 .swiper-contaienr .swiper-wrapper .swiper-slide{ width: 18%!important; display: inline-block; vertical-align: top; margin:0 5px 25px 5px;}
}

@media(max-width:1200px) {
	.set_Title{ font-size: 20px; line-height:28px; margin-bottom: 0px; padding:30px 0 30px 0;}
   	.im img{ display: block; width: 100%; height: auto;}
    .FriendLink_add .floor .bd{ height:auto}
    .FriendLink_add .floor .bd ul{ padding:5px 0;}
    .FriendLink_add .floor .bd ul li{ margin:0 10px 0 0; height:44px; width:140px;}
	.SetContainer2{ width: 100%; position: relative; padding:30px 15px 30px 15px;}
	.SetContainer2 .swiper-pagination{ width:100%; display: block; text-align:center; bottom:10px;}
	.SetContainer2 .swiper-pagination span{ display: inline-block; margin:0 5px; box-shadow:0 0 5px rgba(0,0,0,0.1)}
	.SetContainer2 .SetMain{ padding: 20px; box-sizing: border-box;}
	.SetContainer{ width: 100%; padding: 50px 15px; box-sizing: border-box;}
	.FriendLink_add .floor1 .bd ul{ animation: a1 60s linear infinite;}
    .FriendLink_add .floor2 .bd ul{ animation: a2 60s linear infinite;}
    .FriendLink_add .floor3 .bd ul{ animation: a1 60s linear infinite;}
    
    
    .Set_con1{ width: 100%; padding: 0 0 0 0; box-sizing: border-box;}
    .Set_con1 ul{ width: 100%; box-sizing: border-box;  padding: 0 20px;}
    .Set_con1 ul li{ width: 100%; height: auto;}
    .Set_con1 ul li img{ position: relative; width: 100%; height: auto;}
    .Set_con1 ul li .tit{ top: auto; width: 100%; height: auto; position: relative; padding: 20px 20px 0 20px;}
    .Set_con1 ul li .tit h2{ font-size: 18px!important;}
    .Set_con1 ul li:nth-child(3) img{ margin-top: -45px;}
    .Set_floor2{ padding:0 15px 30px 15px; box-sizing: border-box; width: 100%;}
    .Set_floor2 .hd{ width: 100%; margin: 0 0 20px 0; height: 40px; border-radius:20px; overflow-x: scroll; overflow-y: hidden;}
    .Set_floor2 .hd::-webkit-scrollbar { width: 0; height: 0;}
    .Set_con1 ul li .Nr{ padding-top: 15px; position: relative;}
	.Set_con1 ul li .Nr .icon{ width: 150px; height: auto;}
	.Set_con1 ul li .Nr .text{ width: calc(100% - 150px); position:0;}
	.Set_con1 ul li .Nr .text p{ margin: 0; font-size: 12px; line-height: 24px;}
	.Set_con1 ul li .Nr .text a{ width: 100px; height: 32px; line-height: 32px; font-size: 14px; margin-top: 10px;}
    .Set_floor2 .hd .bg{ display: none;}
    .Set_floor2 .hd ul{ width: 720px;}
    .Set_floor2 .hd ul li{ text-indent: -10px; width: 120px; height: 40px; line-height: 40px; font-size: 14px;}
    .Set_floor2 .hd ul li b{ width: 30px;}
    .Set_floor2 .hd ul li img{ height: 14px; width: auto;}
    .Set_floor2 .hd ul li.on{ background: #2d70f5; border-radius:30px ;}
    .Set_floor2 .bd{ width: 100%; padding: 15px; box-sizing: border-box;}
    .Set_floor2 .bd .icon{ width: 100%; height: auto; margin:0;}
    .Set_floor2 .bd .text{ width: 100%; height: auto; padding: 0;}
    
    .Set_floor3{ height: auto; padding-bottom: 30px;}
    .Set_floor3 .NrWarp{ width: 100%; padding: 0 15px; box-sizing: border-box; height: auto;}
    .Set_floor3 .bg{ width: 206px; margin: 30px auto; height: 215px; position: relative; transform: none; left: auto; top: auto;}
    .Set_floor3 .bg .icon4{ background-size:100% 100% ;}
    .Set_floor3 .bg span{ font-size: 22px; top: 90px; line-height: 32px;}
    .Set_floor3 .NrWarp{ width: 100%; position: relative;}
    .Set_floor3 .Nr{ width: 100%; position: relative;}
    .Set_floor3 .Nr:nth-child(1){ top: auto; left: auto;}
    .Set_floor3 .Nr:nth-child(2){ top: auto; right: auto;}
    .Set_floor3 .Nr:nth-child(3){ bottom: auto; left: auto; transform: none;}
    .Set_floor3 .Nr h2{ margin: 0; text-align: left; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; font-size: 18px;}
    .Set_floor3 .Nr h2:after{ content:''; width:50px; height:50px; position:absolute; right:0; top:0; background-size:16px auto ; transition:0.5s;}
    .Set_floor3 .Nr ul{ padding: 15px 0; display: none;}
    .Set_floor3 .Nr ul li{ font-size: 14px;}
    .Set_floor3 .Nr ul li span{ margin-right: 10px;}
    .Set_floor3 .Nr.on ul{ display: block;}
    .Set_floor3 .Nr.on h2:after{ display: block; transform: rotate(180deg);}
    .Set_floor2 .bd .text ul{ padding:25px 0 0 25px;}
    .index_th{ padding-bottom: 0!important;}
    .Set_floor2 .bd .text .more{ margin-top:0; width:150px; height:36px; line-height:36px; font-size:14px;}
    .Set_con2 .Nr{ margin:0 auto 0 auto; width:94%;}
    .Set_con2{ padding-bottom:0px;}
    .Set_con2 .Nr img.app{ display:block;}
    .Set_con2 .Nr img.pc{ display:none;}
    .Set_floor2 .bd .text .tips{ width:100%;}
    .index_four{ margin-top:0;}
    .index_four.set_Title2 .pub_tit{ padding-bottom:40px!important;}
    .pub_tit{ padding:20px 0!important;}
    .FriendLink_add{ padding-bottom:30px;}
}