* {margin: 0px;padding: 0;list-style: none;font-family: Helvetica;text-decoration: none;}
:root {--primary-color: #34bae9;--dark-color: #393939;--dark-gray-color: #969696;--white-color: #fff;}
.wrap{width: 1200px; margin: 0px auto;}
.banner {height: 600px;background-image: url(../../images/default/banner.jpg);background-repeat: no-repeat;background-position: center;background-color: #4dc2f4;}
.banner .wrap{display: flex;justify-content: space-between;position: relative;height: inherit;}
.banner .decs {text-align: left;color: var(--white-color);position: relative;margin-top: 180px;}
.banner .decs h3 {font-size: 48px;}
.banner .decs span {font-size: 24px;}
.banner .decs .btn {width: 180px;height: 50px;background: var(--white-color);color: var(--primary-color);display: block;text-align: center;line-height: 50px;
 border-radius: 4px;-webkit-border-radius: 4px;margin-top: 60px;transition: 0.2s ease-out;}
.banner .decs .btn:hover{transform: translateY(-10px);}
.banner .picture{width: 325px;display: block;position: absolute;bottom: 0;right: 0;}
.banner .picture img{width: 100%;display: block;}
.banner .picture .pop{background: url(../../images/default/pop.png) no-repeat;width: 44px;height: 44px;background-size: 44px 44px;position: absolute;top: 80px;left: 20px;animation: pop 0.8s  infinite;}
.banner .picture .pop1{transform: rotate(-180deg) scale(0.8);left: 250px;top: 20px;}

.section-tit{padding: 80px 0;font-size: 30px;color: var(--dark-color);text-align: center;max-width: 1200px;margin: 0px auto;}

.function-list{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 40px;}
.function-list li{display: flex;justify-content: center;align-items: center;width: 375px;height: 150px;margin-bottom: 30px;
box-shadow: 2px 0 16px rgba(240,240,240,1);-webkit-box-shadow: 2px 0 16px rgba(240,240,240,1);border-radius: 4px;padding:0 20px;box-sizing: border-box;
background-size: 200% 100%;	background-color: transparent; background-image: linear-gradient(to right, transparent 50%, rgba(77, 194, 244, 1) 50%);
transition: background-position .3s  .1s, background-color .5s ease,transform 0.5s ease;
}
.function-list li span{width: 68px;height: 68px;background: url(../../images/default/icon-bg.png) no-repeat;}
.function-list li .decs{flex: 1;padding-left: 15px;font-size: 20px;color:var(--dark-color);}
.function-list li .decs p{ font-size: 14px;color: var(--dark-gray-color);margin-top: 15px;line-height: 24px;}
.function-list li:hover{transform: translateY(-5px);background-position: -100% 100%;background-color:linear-gradient(-90deg,#11aed9,#4dc2f4);background-color:-webkit-linear-gradient(-90deg,#11aed9,#4dc2f4)}   
.function-list li:hover .decs,.function-list li:hover .decs p{color: var(--white-color);}
.function-list li:hover span{background: url(../../images/default/icon-bg-active.png);}
.function-list li span i{background-image: url(../../images/default/icon.png);background-repeat: no-repeat;width:inherit;height: inherit;display: block;} 
.function-list li  .icon1{background-position:0 0;}
.function-list li:hover  .icon1{background-position:-68px 0;}
.function-list li  .icon2{background-position:0 -68px;}
.function-list li:hover  .icon2{background-position:-68px -68px;}
.function-list li  .icon3{background-position:0 -136px;}
.function-list li:hover  .icon3{background-position:-68px -136px;}
.function-list li  .icon4{background-position:0 -204px;}
.function-list li:hover  .icon4{background-position:-68px -204px;}
.function-list li  .icon5{background-position:0 -272px;}
.function-list li:hover  .icon5{background-position:-68px -272px;}
.function-list li  .icon6{background-position:0 -340px;}
.function-list li:hover  .icon6{background-position:-68px -340px;}

.function-section .btn{width: 180px;height: 50px;border: var(--primary-color) 1px solid;border-radius: 25px;-webkit-border-radius:25px;
line-height: 50px;text-align: center;margin: 30px auto 0;color: var(--primary-color);font-size: 16px;display: block;transition: transform 0.3s;}
.function-section .btn:hover{transform: translateY(-10px);-webkit-transform: translateY(-10%);}
.function-section .btn i{display: inline-block;width: 30px;height: 12px;position: relative;}
.function-section .btn i::before{content: '';height: 1px;background-color: var(--primary-color);width: 50%;display: inline-block;position: absolute;top: 50%;margin-top: -1px;}
.function-section .btn i::after{content: '';border-right:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);position: absolute;right: 1px;top: 2px;display: inline-block;width: 6px;height: 6px;}
.solve-section{background: #f5f8fa;margin-top: 80px;padding-bottom: 80px;}
.solve-section::after{clear: both;height: auto;display: block;content: '';}
.solve-tab{background: var(--white-color);width: 375px;box-shadow: 2px 0 16px rgba(240,240,240,1);-webkit-box-shadow: 2px 0 16px rgba(240,240,240,1);
border-radius: 4px;-webkit-border-radius:4px;padding: 20px;box-sizing: border-box;position: relative;float: left;}
.solve-tab ul li{display: flex;justify-content: center;align-items: center;height: 105px;position: relative;z-index: 3;transition: .5s ease;padding-left: 0;cursor:pointer;}
.solve-tab ul li.active{color: #fff;}
.solve-tab ul li.active .decs span{color: #fff;}
.solve-tab ul li .icon{width: 40px;height: 40px;}
.solve-tab ul li .icon span{background-image: url(../../images/default/icon.png);background-repeat: no-repeat;display: block;width: inherit;height: inherit;}
.solve-tab ul li .icon span.icon1{background-position: -40px -411px;}
.solve-tab ul li:hover .icon span.icon1,.solve-tab ul li.active .icon span.icon1{background-position: 0px -411px;}
.solve-tab ul li .icon span.icon2{background-position: -40px -451px;}
.solve-tab ul li:hover .icon span.icon2,.solve-tab ul li.active .icon span.icon2{background-position: 0px -451px;}
.solve-tab ul li .icon span.icon3{background-position: -40px -491px;}
.solve-tab ul li:hover .icon span.icon3,.solve-tab ul li.active .icon span.icon3{background-position: 0px -491px;}
.solve-tab ul li .icon span.icon4{background-position: -40px -531px;}
.solve-tab ul li:hover .icon span.icon4,.solve-tab ul li.active .icon span.icon4{background-position: 0px -531px;}
.solve-tab ul li .decs{flex: 1;flex-direction: column;font-size: 20px;display: flex;padding-left: 20px;}
.solve-tab ul li .decs span{font-size: 14px;color: var(--dark-gray-color);margin-top: 10px;}
.solve-tab .tab-active{background: url(../../images/default/tab-bg.png) no-repeat;width: 385px;height: 105px;position:absolute;top: 20px;left: 20px;transition: .5s ease;}
.solve-cotant{float: right;width: calc(1200px - 375px);}
.solve-cotant .item{display: none;}
.solve-cotant .item.active{display:block;}
.details{padding-left: 70px;position: relative;display: flex;display: -webkit-flex;flex-direction: column;min-height: 460px;align-items: flex-start;justify-content: center;padding-right: 460px;}
.details p{line-height: 30px;font-size: 14px;color: var(--dark-color);margin-top: 20px;}
.details p strong{font-size: 16px;color:var(--dark-color);display: block;padding-bottom: 10px;font-weight: bold;}
.details .picture{position: absolute;right: -40px;top: 50px;}

.data-section{background: var(--primary-color) url(../../images/default/data-bg.png) no-repeat bottom center;padding-bottom: 80px;margin: 0 auto;}

.data-section .section-tit{color:var(--white-color);}
.data-section .statistics-data{display: flex;display: -webkit-flex;justify-content: space-around;align-items: center;width: 1200px;margin: 0 auto;}
.data-section .statistics-data li{color:var(--white-color);text-align: center;font-size: 16px;}
.data-section .statistics-data li span{display: block;text-align: center;font-size: 60px;}
.data-section .statistics-data li span sup{width: 12px;height: 22px;display: block;background: url(../../images/default/arrow.png) no-repeat;display: inline-block;}

.data-section .statistics-data li span sup.down{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.data-section .statistics-data li span small{font-size: 30px;} 
.data-section  .reveal{width: 1200px;margin: 80px auto 0 auto;display: flex;display:-webkit-flex;}
.data-section  .reveal .item{width: 25%;border: var(--white-color) 1px solid;box-sizing: border-box;transition: all 0.3s;margin-left: -1px;background-color: rgba(0, 0, 0, 0.1);}
.data-section  .reveal .item .tit{width: 100%;height: 120px;background: var(--white-color);font-size: 20px;display: flex;
display: -webkit-flex;align-items: center;justify-content: center;}
.data-section  .reveal .item  ul{display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: column;min-height: 280px;}
.data-section  .reveal .item  ul li{line-height: 36px;font-size: 16px;color: var(--white-color);position: relative;}
.data-section  .reveal .item:hover,.data-section  .reveal .item.active{transform: scale(1.2);background-color: var(--white-color);border: #f7b070 1px solid;z-index: 99;}
.data-section  .reveal .item:hover .tit, .data-section  .reveal .item.active .tit{background-image:linear-gradient(#f7c172,#f7af70);background-image:-webkit-linear-gradient(#f7c172,#f7af70);color: var(--white-color);}
.data-section  .reveal .item:hover ul li,.data-section  .reveal .item.active ul li{color: var(--dark-color);}


@keyframes pop{
0%{transform: translateY(-10px) scale(1);}
50%{transform: translateY(0px) scale(0.9);}
100%{transform: translateY(-5px) scale(0.9);}
}



@media screen and (min-width: 769px) {
body{min-width:1200px;margin: 0 auto;position: relative;background: #fff !important;font-family: "微软雅黑";}
.dis{display: none;}
.dis2{display: block;}
.fl{float: left;}
.fr{float: right;}

header .caidan{display: none;}

header{width: 100%;position: absolute;top: 0;left: 0;z-index: 999;}
header .logo img{display: block;margin: 20px 0px -35px;height: 50px;}
header .nav{width: 100%;text-align: center;font-size: 0; }
header .nav ul{display: inline-block;margin: 0 auto;}
header .nav ul::after{content: "";display: block;clear: both;}
header .nav ul li{float: left;border-right: 2px solid #fff;}
header .nav ul li:last-of-type{border-right: none;}
header .nav ul li a{display: block;font-size: 18px;color: #fff;padding: 0 18px;line-height: 18px;}
header .nav ul li:first-of-type a{padding-left:0 ;}
header .nav ul li:last-of-type a{padding-right:0 ;}

.example2 {height:566px;overflow:hidden;margin:0 auto;width:100%;position: relative;}
.example2 ul{width:100%;height:566px;overflow: hidden;margin:0 auto;position: relative;max-width: 1920px;}
.example2 ul li{position: absolute;width: 100%;display: none;}
.example2 ul li:first-of-type{display: block;}
.example2 ul li img{width: 1920px;height:566px;left:50%;margin-left:-960px;display:block;position: absolute;}
.example2 ol {position: relative;width: 100%;height: 10px;bottom: 50px;z-index: 4;margin: 0 auto;text-align: center;}
.example2 ol li {width: 16px;height: 16px;margin-left: 36px;border-radius: 50%;cursor: pointer;display:inline-block;background: #fff;}
.example2 ol li:first-of-type{margin-left: 0;}
.example2 ol li.seleted {background: #f7c072;}
.example2 .btn{position: absolute;width: 100%;top: 50%;left: 0;}
.example2 .btn::after{content: "";display: block;clear: both;}
/*.example2 .btn .btn-fl{float: left;margin-top: -30px;}
.example2 .btn .btn-fr{float: right;margin-top: -30px;}
.example2 .btn .btn-fl i{transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;width: 30px;height:59px;display: block;background: url(../../images/default/banner-jt1.png) no-repeat;}
.example2 .btn .btn-fl i:hover{background: url(../../images/default/banner-jt3.png) no-repeat;}
.example2 .btn .btn-fr i{transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;width: 30px;height:59px;display: block;background: url(../../images/default/banner-jt2.png) no-repeat;}
.example2 .btn .btn-fr i:hover{background: url(../../images/default/banner-jt4.png) no-repeat;}*/

footer{text-align: center;width: 100%;background: #252525;padding: 40px 0;}
footer p{color: #e5e5e5;font-size: 14px;line-height: 14px;}
footer p:first-of-type{padding-bottom: 12px;}

.index-content{width: 100%;}
.index-charge{width: 100%;background: #ffffff;}
.index-charge-bt{width:100%;text-align: center;font-size: 0;padding: 80px 0 70px 0;}
.index-charge-bt div{margin: 0 auto;display: inline-block;}
.index-charge-bt div::after{content: "";display: block;clear: both;}
.index-charge-bt img{float: left;}
.index-charge-bt img:first-of-type{margin-top: 8px;}
.index-charge-bt img:nth-of-type(2){margin-top: 9px;}
.index-charge-bt p{float: left;color: #333;font-size: 40px;padding: 0 10px;}
.index-charge-bt p strong {color: #34bae9;}
.index-charge-choose{width: 100%;}
.index-charge-list{width: 100%;}
.index-charge-list::after{content: "";display: block;clear: both;}
.index-charge-list{margin-bottom: 60px;}
.index-charge-list:last-of-type{margin-bottom: 0;}
.index-charge-list span{width: 160px;float: left;color: #4c4c4c;font-size: 18px;line-height: 18px;}
.index-charge-list2 span{line-height: 230px;}
.index-charge-list ul{float: left;}
.index-charge-list ul::after{content: "";display: block;clear: both;}
.index-charge-list ul li{cursor: pointer;margin-right: 40px;float: left;width: 320px;height: 230px;border-radius: 8px;text-align: center;padding: 45px 0 35px 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #ccc;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li:hover{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#edf2fa,#edf2fa),linear-gradient(90deg,#53b8f8,#7362fd);}
.index-charge-list ul li:last-of-type{margin-right: 0;}
.index-charge-list ul li i{display: block;width: 108px;height: 103px;margin: 0 auto;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li p{padding: 25px 0 0 0;font-size: 20px;color: #666;line-height: 20px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li .one{background: url(../../images/default/bdzticon1.png) no-repeat;}
.index-charge-list ul li .two{background: url(../../images/default/bdzticon2.png) no-repeat;}
.index-charge-list ul li .three{background: url(../../images/default/bdzticon3.png) no-repeat;}
.index-charge-list ul li:hover p{color: #34bae9;}
.index-charge-list ul li:hover .one{background: url(../../images/default/bdzticon4.png) no-repeat;}
.index-charge-list ul li:hover .two{background: url(../../images/default/bdzticon5.png) no-repeat;}
.index-charge-list ul li:hover .three{background: url(../../images/default/bdzticon6.png) no-repeat;}
.index-charge-list ul li.active{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#edf2fa,#edf2fa),linear-gradient(90deg,#53b8f8,#7362fd);}
.index-charge-list ul li.active p{color: #34bae9;}
.index-charge-list ul li.active .one{background: url(../../images/default/bdzticon4.png) no-repeat;}
.index-charge-list ul li.active .two{background: url(../../images/default/bdzticon5.png) no-repeat;}
.index-charge-list ul li.active .three{background: url(../../images/default/bdzticon6.png) no-repeat;}
.index-charge-list .txt {color: #666;font-size: 18px;line-height: 18px;float: left;}
.remmber {display: none;}
.remmber[type=radio]+em {display: inline-block;width: 22px;height: 22px;background: url(../../images/default/input1.png) no-repeat;}
.remmber[type=radio]:checked+em {display: inline-block;width: 22px;height: 22px;background: url(../../images/default/input2.png) no-repeat;}
.index-charge-list form{font-size: 0;}
.index-charge-list form::after{content: "";display: block;clear: both;}
.index-charge-list label{float: left;margin-right: 40px;}
.index-charge-list label:last-of-type{margin-right: 0;}
.index-charge-list label strong{color: #34bae9;font-size: 20px;line-height: 24px;font-weight: bold;display: inline-block;}
.index-charge-list label p{margin-left: 12px;display: inline-block;color: #4c4c4c;font-size: 16px;line-height: 16px;}
.index-charge-list em{float: left;margin-top: 1px;}

.index-charge-btn{width: 100%;text-align: center;}
.index-charge-btn2{margin: 0 auto;display: inline-block;}
.index-charge-btn2 input{float: left;font-size: 28px;line-height: 60px;width: 240px;text-align: center;border:1px solid #34bae9;margin-right: 34px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-btn2 input:first-of-type{color: #fff;background: #34bae9;}
.index-charge-btn2 input:last-of-type{color: #34bae9;border:1px solid #34bae9;background: rgba(0,0,0,0);margin-right: 0;}
.index-charge-btn2 input:hover{background: #34bae9;color: #fff;}
.index-charge-btn2 a{float: left;font-size: 28px;line-height: 60px;width: 240px;text-align: center;border:1px solid #34bae9;margin-right: 34px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-btn2 a:first-of-type{color: #fff;background: #34bae9;}
.index-charge-btn2 a:last-of-type{color: #34bae9;border:1px solid #34bae9;background: rgba(0,0,0,0);margin-right: 0;}
.index-charge-btn2 a:hover{background: #34bae9;color: #fff;}

.index-charge-radio{width: 100%;margin-bottom: 50px;}
.index-charge-radio::after{content: "";display: block;clear: both;}

.index-charge-txt{width: 100%;text-align: center;padding: 40px 0 32px 0;}
.index-charge-txt strong{font-size: 14px;color: #333;font-weight: bold;line-height: 14px;}
.index-charge-txt p{font-size: 14px;color: #333;line-height: 14px;display: inline-block;padding-left: 20px;}
.index-charge-content{display: none;}
.index-charge-content:first-of-type{display: block;}

.index-routine{width: 100%;overflow: hidden;background: #f5f8fa;}
.index-routine .wrap{position: relative;}
.index-routine .hx{position: absolute;right: -256px;bottom: 50px;z-index: 999;}
.index-routine .hx em:first-of-type{background: #19a544;width: 256px;height: 4px;display: block;transform: skewY(-28deg);}
.index-routine .hx em:nth-of-type(2){background: #e6e6e6;width: 380px;height: 4px;display: block;transform: skewY(-28deg);margin-top: 10px;margin-left: -30px;}
/*@keyframes myfirst1
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes myfirst2
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}*/
.index-routine ul{width: 100%}
.index-routine ul::after{content: "";display: block;clear: both;}
.index-routine ul li{margin-bottom: 20px;position: relative;float: left;margin-right: 45px;width: 370px;height: 325px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d4d4d4;border-radius: 10px;overflow: hidden;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-routine ul li a{display: block;height: 325px;}
.index-routine ul li:nth-of-type(3n+3){margin-right: 0;}
.index-routine ul li p:first-of-type{text-align: center;color: #fff;font-size: 28px;line-height: 100px; margin-top:30px;background:linear-gradient(90deg,#59a8f9,#34bae9);}
.index-routine ul li p:nth-of-type(2){font-size: 16px;color: #666;line-height: 30px;padding: 40px 20px 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-routine ul li p:nth-of-type(2) strong{color: #34bae9;font-weight: bold;}
.index-routine ul li em{position: absolute;top: 0;left: 0; width:100%;height: 40px;background: #59a8f9;color: #fff;font-size: 24px;line-height: 40px;text-align: center;}
.index-routine ul li:hover{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#53b8f8,#7362fd);}

.index-routine-bottom{width: 100%;text-align: center;margin: 50px 0 75px 0;}
.index-routine-bottom div{display: inline-block;margin: 0 auto;position: relative;width: 495px;height: 60px;border: 1px solid #7367fd;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #edf2fa;}
.index-routine-bottom p{width: 100%;text-align: center;line-height: 60px;color: #4c4c4c;font-size: 18px;}
.index-routine-bottom em{position: absolute;;width: 8px;height: 32px;display: block;background: #6790fc;}
.index-routine-bottom em:first-of-type{top: 14px;left: -4px;position: absolute;}
.index-routine-bottom em:last-of-type{top: 14px;right: -4px;}

.banner{z-index: 0;max-width: 1920px;height: 135px;width: 100%;position: relative;overflow:hidden;margin: 0 auto;}
.banner img{display: block;width: 1920px;left: 50%;margin-left: -960px;height: 135px;position: absolute;z-index: 0;}

.banner2{z-index: 0;max-width: 1920px;height: 698px;width: 100%;position: relative;overflow:hidden;margin: 0 auto;}
.banner2 img{display: block;width: 1920px;left: 50%;margin-left: -960px;height: 698px;position: absolute;z-index: 0;}
.banner3{width: 100%;display: none;}
.banner3 img{display: block;width: 100%;}

.index-friend{width: 100%;text-align: center;padding: 1px 0 1px 0;overflow: hidden;}
.index-friend .wrap{position: relative;}
.index-friend strong{font-weight: bold;color: #4c4c4c;font-size: 40px;}
.index-friend em{font-size: 30px;color: #4c4c4c;}
.index-friend .index-friend-bt p:last-of-type{color: #666;font-size: 24px;line-height: 24px;padding: 0px 0 50px 0;}
.index-friend .pic img{display: block;margin: 50px auto 0;}
.index-friend .pic{position: relative;}
.index-friend .pic .txt{position: absolute;height: 100%;top: 0;left: 0;width: 100%;}
.index-friend .pic .txt em{position: absolute;font-size: 24px;color: #fff;text-align: center;width: 110px;height: 110px;border-radius: 50%;display: block;background: #666666;line-height: 110px;animation: small 2s infinite;}
@keyframes small
{
0% {transform: scale(1);}
70% {transform: scale(0.8);}
100% {transform: scale(1);}
}
@keyframes small2
{
0% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(1);}
}
@keyframes small3
{
25% {transform: scale(1);}
62.5% {transform: scale(0.8);}
100% {transform: scale(1);}
}
@keyframes small4
{
40% {transform: scale(1);}
70% {transform: scale(0.8);}
100% {transform: scale(1);}
}
.index-friend .pic .txt em:first-of-type{bottom: 94px;left: 170px;}
.index-friend .pic .txt em:nth-of-type(2){top: 150px;left: 215px;}
.index-friend .pic .txt em:nth-of-type(3){top: 20px;left:395px;}
.index-friend .pic .txt em:nth-of-type(4){top: 20px;right:395px;}
.index-friend .pic .txt em:nth-of-type(5){top: 150px;right: 215px;}
.index-friend .pic .txt em:nth-of-type(6){bottom: 94px;right: 170px;}
.index-friend .pic .txt2{position: absolute;bottom: 145px;left: 355px;}
.index-friend .pic .txt2 p{margin-right: 38px;border-radius: 50%;color: #333;font-size: 30px;float: left;width: 135px;height: 135px;}
.index-friend .pic .txt2 p:first-of-type{background: #5c93fa;animation: small2 3s infinite;}
.index-friend .pic .txt2 p:nth-of-type(2){background: #cebf18;animation: small3 4s infinite;}
.index-friend .pic .txt2 p:nth-of-type(3){background: #2ec543;animation: small4 5s infinite;}
.index-friend .pic .txt2 p span{color: #fff;display: block;line-height: 40px;padding: 27px 0 0 0;}
.index-friend .hx{position: absolute;left: -220px;bottom: 45%;z-index: 999;}
.index-friend .hx img{width:163px;height: 103px;display: block;position: absolute;left: -20px;}
.index-friend .hx em:nth-of-type(1){background: #f3d116;width: 220px;height: 4px;display: block;transform: skewY(-28deg);margin-top: 70px;}
.index-friend .hx2{position: absolute;right: -220px;bottom: 5%;z-index: 999;}

.index-friend .hx2 em:first-of-type{background: #f3d116;width: 220px;height: 4px;display: block;transform: skewY(-28deg);}
.index-friend .hx2 em:nth-of-type(2){background: #5c9efa;width: 110px;height: 8px;display: block;transform: skewY(-28deg);margin-top: 50px;}
/*@keyframes myfirst3
{
0% {opacity: 0;height: 0;}
50% {opacity: 1;height: 8px;}
100% {opacity: 0;height: 0px;}
}
@keyframes myfirst2
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}*/

.index-product{width: 100%;background: #edf2fa;padding-bottom: 100px;overflow: hidden;}
.index-product .wrap{position: relative;}
.index-product .hx{position: absolute;left: -360px;bottom: 0;z-index: 999;}	
.index-product .hx em:first-of-type{background: #fff;width: 340px;height: 4px;display: block;transform: skewY(-28deg);animation: myfirst2 2s infinite;}
.index-product .hx em:nth-of-type(2){background: #2ec543;width: 260px;height: 4px;display: block;transform: skewY(-28deg);animation: myfirst1 2s infinite;margin-top: 50px;}
.index-product-list{border: 1px solid #ccc;width: 100%;border-bottom: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list:last-of-type{border-bottom: 1px solid #ccc}
.index-product-list::after{content: "";display: block;clear: both;}
.index-product-list .icon{float: left;text-align: center;width: 285px;height: 235px;background: #5c93fa;border-right: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list .icon2{background: #2ec543;}	
.index-product-list .icon img{display: block;margin: 50px auto 20px;}
.index-product-list .icon p{color: #fff;font-size: 18px;line-height: 18px;}
.index-product-list .txt{padding: 0 35px;width: 913px;float: left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list .txt>p{color: #666;font-size: 16px;line-height: 28px;padding: 25px 0;}
.index-product-list .txt ul::after{content: "";display: block;clear: both;}
.index-product-list .txt ul li{float: left;text-align: center;margin-right: 95px;}
.index-product-list .txt ul li:first-of-type{margin-left: 70px;}
.index-product-list .txt ul li:last-of-type{margin-right: 0;}
.index-product-list .txt ul li img{display: block;height: 45px;margin: 0 auto;}
.index-product-list .txt ul li p{color: #2f6de0;font-size: 16px;line-height: 16px;padding: 20px 0 0 0;}

.index-service{width: 100%;padding-bottom: 80px;}
.index-service .wrap{position: relative;}
.index-service ul::after{content: "";display: block;clear: both;}
.index-service ul li{width: 400px;}
.index-service ul li::after{content: "";display: block;clear: both;}
.index-service ul li img{float: left;width: 98px;margin-right: 22px;}
.index-service ul li .txt{float: left;width: 280px;}
.index-service ul li .txt p:first-of-type{font-size: 18px;color: #333;font-weight: bold;padding: 5px 0 0 0;}
.index-service ul li .txt p:nth-of-type(2){font-size: 14px;color: #333;line-height: 24px;padding: 15px 0 0 0;}
.index-service ul li:nth-of-type(2n+1){float: left;clear: both;margin-bottom: 170px;}
.index-service ul li:nth-of-type(2n+2){float: right;margin-bottom: 170px;}
.index-service ul li:nth-of-type(3){margin-bottom: 0;}
.index-service ul li:nth-of-type(4){margin-bottom: 0;}
.index-service .pic img{position: absolute;top: 175px;left: 36px;}
.index-service .pic p{position: absolute;top:73%;left: 50%;margin-left: -54px;font-size: 22px;line-height: 40px;color: #4c4c4c;}

.index-praise{width: 100%;position: relative;}
.index-praise .box{position: absolute;top: 0;left: 0;}
.index-praise .txt{padding: 0 130px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-praise .txt p{color: #666;font-size: 16px;line-height: 30px;text-align: center;}
.index-praise .txt p strong{color: #34bae9;}
.index-praise ul{width: 100%;margin-top: -35px;padding: 0 100px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-praise ul::after{content: "";display: block;clear: both;}
.index-praise ul li{float: left;width: 226;height: 100px;margin-bottom: 20px;margin-right: 32px;}
.index-praise ul li:nth-of-type(4n+4){margin-right: 0;}
.index-praise ul li a{display: block;}
.index-praise ul li img{display: block;width: 100%;}

.index-make .index-charge-bt em{color: #808080;font-size: 16px;line-height: 16px;display: block;padding: 30px 0 0 0;}
.index-make .index-charge-bt{padding-bottom: 50px;}

.index-make{width: 100%;padding-bottom: 30px;}
.index-make .wrap::after{content: "";display: block;clear: both;}
.index-make-fl{width: 660px;float: left;}
.index-make-fl label{width: 300px;float: left;margin-bottom: 30px;}
.index-make-fl label:nth-of-type(2n+2){float: right;}
.index-make-fl label::after{content: "";display: block;clear: both;}
.index-make-fl label em{width: 100px;float: left;color: #4c4c4c;font-size: 16px;line-height: 52px;}
.index-make-fl label input[type=text]{padding: 0 10px;width: 200px;float: left;line-height: 50px;border: 1px solid #ccc;background: #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-make-fl label .radio{float: left;width: 200px;line-height: 52px;}
.index-make-fl label .inp{position: relative;width: 100px;float: left;}
.index-make-fl label .inp strong{font-size: 16px;color: #4c4c4c;padding-left: 5px;}
.index-make-fl label .dz{opacity: 0;width: 16px;height: 16px;position: absolute;top: 18px;left: 0;}
.index-make-fl label .dz[type=radio]+b {margin-top: 18px;float: left;width: 16px;height: 16px;background: url(../../images/default/input3.png) no-repeat;}
.index-make-fl label .dz[type=radio]:checked+b {margin-top: 18px;float: left;width: 16px;height: 16px;background: url(../../images/default/input4.png) no-repeat;}
.index-make-fl label img{float: left;height: 52px;}
.index-make-fl label a{color: #1d28bb;font-size: 14px;line-height: 14px;padding: 38px 0 0 10px;float: left;text-decoration:underline}
.index-make-fl label:last-of-type{width: 100%;}
.index-make-fl label textarea{padding: 10px;width: 560px;border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #f5f5f5;resize: none;height:100px;}

.index-make-fr{width: 450px;float: right;border-radius: 8px;border: 1px solid #ccc;overflow: hidden;}
.index-make-fr p{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color: #fff;background: #34bae9;}
.index-make-fr .swiper-wrapper{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 15px; height:400px;}
.index-make-fr .swiper-slide{padding: 15px 0;width: 100%;border-bottom: 1px dashed #ccc;}
.index-make-fr .swiper-slide:last-of-type{}
.index-make-fr .swiper-slide em{color: #0f4fb8;font-size: 16px;line-height: 16px;}
.index-make-fr .swiper-slide span{color: #666;font-size: 16px;line-height: 16px;padding-left: 5px;}
.index-make-fr .swiper-slide span strong{color: #34bae9;font-size: 16px;line-height: 16px;}
.mui-content{display: none;}
.index-friend .pic2{display: none;}
.index-make-fl::after{content: "";display: block;clear: both;}
#fmkscnvs{transform: scale(1.1);}
.index-charge-bt2{display: none;}

.fixedBox{position:fixed;top:45%;right:20px;z-index:999;width:48px; }
.fixedBox li{position:relative;float:left;width:48px;height: 47px}
.fixedBox li .icon{display:inline-block;background:url(../../images/default/fixedBoxBg.png) no-repeat 0 0;width:48px;}
.fixedBox .qq,.fixedBox .tel,.fixedBox .wechat{height: 47px}
.fixedBox .qq .icon,.fixedBox .tel .icon,.fixedBox .wechat .icon{height: 47px}
.fixedBox .back{height: 48px}
.fixedBox .back .icon{height: 48px}
.fixedBox li.qq .icon{background-position:0 0}
.fixedBox li.qq .icon:hover{background-position:-48px 0}
.fixedBox li.tel .icon{background-position:0 -47px}
.fixedBox li.tel .icon:hover{background-position:-48px -47px}
.fixedBox li.wechat .icon{background-position:0 -94px}
.fixedBox li.wechat .icon:hover{background-position:-48px -94px}
.fixedBox li.back .icon{background-position:0 -141px}
.fixedBox li.back .icon:hover{background-position:-48px -141px}
.fixedBox li .link{position:absolute;right:60px;top:0;padding:1px 7px 1px 1px;overflow:hidden;zoom:1;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;display:none}
.fixedBox li .link a img{vertical-align:middle}
.fixedBox li .link a:hover{color:#33a9e4}
.fixedBox li.on .backPop{display:block}

.fixedBox .wechat .link{width:114px;height: 133px;background:url(../../images/default/fixedBoxBg.png) no-repeat -96px -48px;}
.fixedBox .qq .link,.fixedBox .tel .link,.fixedBox .back .link{ color: #000;width:154px;height:46px;line-height:46px;background:url(../../images/default/fixedBoxBg.png) no-repeat -96px 0;}
.fixedBox .qq .link a,.fixedBox .tel .link a,.fixedBox .back .link a{display:inline-block;float:left;text-align:center;width:50%;height:46px;line-height:46px;color:#666;transition:color 0.3s ease-out 0s;-moz-transition:color 0.3s ease-out 0s;
-webkit-transition:color 0.3s ease-out 0s;-o-transition:color 0.3s ease-out 0s;vertical-align:middle}
.fixedBox .qq .link{width: 140px;margin-right: -41px;border-left: 1px #dddfe1 solid;white-space: nowrap;background:url(../../images/default/fixedBoxBg.png) no-repeat -150px 0;}
.fixedBox .qq .link a{width: 100px;}


}
@media screen and (max-width: 769px) {
body{position: relative;background: #fff !important;font-family: "微软雅黑";}
.example{display: none;}
.wrap{width: 100%;}

.mui-content{margin-top: 50px;}
header{position: fixed;;top:0;left:0;;z-index:99;width: 100%;background: #333;padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
header .wrap::after{content: "";display: block;clear: both;}
header .logo{padding: 10px 0;float: left;}
header .logo img{display: block;height: 30px;}
header .caidan{float: right;}
header .caidan img{display: block;width: 40px;margin-top: 5px;}
header .nav{display: none;position: absolute;top: 50px;right: 0;z-index: 99;}
header .nav ul li{width: 100%}
header .nav ul li a{display: block;width: 100px;text-align: center;background: #333;color: #fff;padding: 10px 0;}

.mui-slider
{
position: relative;
z-index: 1;

overflow: hidden;

width: 100%;
}
.mui-slider .mui-slider-group.mui-slider-loop
{
-webkit-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
}
.mui-slider .mui-slider-group
{
font-size: 0;

position: relative;

-webkit-transition: all 0s linear;
transition: all 0s linear;
white-space: nowrap;
}
.mui-slider .mui-slider-group .mui-slider-item
{
font-size: 14px;

position: relative;

display: inline-block;

width: 100%;
height: 100%;

vertical-align: top;
white-space: normal;
}
.mui-slider .mui-slider-group .mui-slider-item > a:not(.mui-control-item)
{
line-height: 0;

position: relative;

display: block;
}
.mui-slider .mui-slider-group .mui-slider-item img
{
width: 100%;
}
.mui-slider-indicator
{
position: absolute;
bottom: 8px;

width: 100%;

text-align: center;

background: none;
}
.mui-slider-indicator .mui-indicator
{
display: inline-block;

width: 6px;
height: 6px;
margin: 1px 6px;

cursor: pointer;

border-radius: 50%;
background: #aaa;
-webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
}
.mui-slider-indicator .mui-active.mui-indicator
{
background: #fff;
}	

.index-charge{width: 100%;background: #edf2fa;}
.index-charge-bt{width: 100%;text-align: center;font-size: 0;padding: 20px 0;}
.index-charge-bt div{display: inline-block;margin: 0 auto;}
.index-charge-bt div::after{content: "";display: block;clear: both;}
.index-charge-bt img{float: left;width: 80px;}
.index-charge-bt img:first-of-type{margin-top: 1px;}
.index-charge-bt p{float: left;font-size: 16px;color: #333;font-weight: bold;padding: 0 5px;}

footer{text-align: center;width: 100%;background: #252525;padding: 20px 0;}
footer p{color: #e5e5e5;font-size: 14px;line-height: 20px;}
footer p:first-of-type{padding-bottom: 12px;}

.index-charge-choose{width: 100%;padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-charge-list{width: 100%;}
.index-charge-list::after{content: "";display: block;clear: both;}
.index-charge-list{margin-bottom: 20px;}
.index-charge-list:last-of-type{margin-bottom: 0;}
.index-charge-list span{width: 100%;float: left;color: #4c4c4c;font-size: 14px;line-height: 14px;padding: 0 0 10px 0;}
.index-charge-list2 span{line-height: ;}
.index-charge-list ul{float: left;width: 100%;}
.index-charge-list ul::after{content: "";display: block;clear: both;}
.index-charge-list ul li{cursor: pointer;float: left;margin-right: 3%;width: 31%;border-radius: 8px;text-align: center;padding: 20px 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #ccc;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li:hover{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#edf2fa,#edf2fa),linear-gradient(90deg,#53b8f8,#7362fd);}
.index-charge-list ul li:last-of-type{margin-right: 0;}
.index-charge-list ul li i{display: block;width: 80px;height: 77px;margin: 0 auto;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li p{padding: 25px 0 0 0;font-size: 20px;color: #666;line-height: 20px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-list ul li .one{background: url(../../images/default/s-icon1.png) no-repeat;}
.index-charge-list ul li .two{background: url(../../images/default/s-icon2.png) no-repeat;}
.index-charge-list ul li .three{background: url(../../images/default/s-icon3.png) no-repeat;}
.index-charge-list ul li:hover p{color: #34bae9;}
.index-charge-list ul li:hover .one{background: url(../../images/default/s-icon4.png) no-repeat;}
.index-charge-list ul li:hover .two{background: url(../../images/default/s-icon5.png) no-repeat;}
.index-charge-list ul li:hover .three{background: url(../../images/default/s-icon6.png) no-repeat;}
.index-charge-list ul li.active{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#edf2fa,#edf2fa),linear-gradient(90deg,#53b8f8,#7362fd);}
.index-charge-list ul li.active p{color: #34bae9;}
.index-charge-list ul li.active .one{background: url(../../images/default/s-icon4.png) no-repeat;}
.index-charge-list ul li.active .two{background: url(../../images/default/s-icon5.png) no-repeat;}
.index-charge-list ul li.active .three{background: url(../../images/default/s-icon6.png) no-repeat;}
.index-charge-list .txt{color: #666;font-size: 16px;line-height: 20px;float: left;}
.remmber {display: none;}
.remmber[type=radio]+em {display: inline-block;width: 22px;height: 22px;background: url(../../images/default/input1.png) no-repeat;}
.remmber[type=radio]:checked+em {display: inline-block;width: 22px;height: 22px;background: url(../../images/default/input2.png) no-repeat;}
.index-charge-list form{font-size: 0;}
.index-charge-list form::after{content: "";display: block;clear: both;}
.index-charge-list label{margin-bottom: 10px;float: left;margin-right: 0;width: 90%;}
.index-charge-list label:last-of-type{margin-right: 0;}
.index-charge-list label strong{color: #34bae9;font-size: 20px;line-height: 24px;font-weight: bold;display: inline-block;}
.index-charge-list label p{margin-left: 12px;display: inline-block;color: #4c4c4c;font-size: 16px;line-height: 16px;}
.index-charge-list em{float: left;margin-top: 1px;}

.index-charge-btn{width: 100%;text-align: center;}
.index-charge-btn2{margin: 0 auto;display: inline-block;}
.index-charge-btn2 input{float: left;font-size: 14px;line-height: 40px;width: 120px;text-align: center;border:1px solid #34bae9;margin-right: 10px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-btn2 input:first-of-type{color: #fff;background: #34bae9;}
.index-charge-btn2 input:last-of-type{color: #34bae9;border:1px solid #34bae9;background: rgba(0,0,0,0);margin-right: 0;}
.index-charge-btn2 input:hover{background: #34bae9;color: #fff;}
.index-charge-btn2 a{float: left;font-size: 14px;line-height: 40px;width: 120px;text-align: center;border:1px solid #34bae9;margin-right: 10px;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-charge-btn2 a:first-of-type{color: #fff;background: #34bae9;}
.index-charge-btn2 a:last-of-type{color: #34bae9;border:1px solid #34bae9;background: rgba(0,0,0,0);margin-right: 0;}
.index-charge-btn2 a:hover{background: #34bae9;color: #fff;}

.index-charge-radio{width: 100%;margin-bottom: 20px;}
.index-charge-radio::after{content: "";display: block;clear: both;}

.index-charge-txt{width: 100%;text-align: center;padding: 20px 0 20px 0;}
.index-charge-txt strong{font-size: 14px;color: #333;font-weight: bold;line-height: 14px;}
.index-charge-txt p{font-size: 14px;color: #333;line-height: 20px;display: inline-block;padding:10px 0 0 20px;}
.index-charge-content{display: none;}
.index-charge-content:first-of-type{display: block;}

.index-routine{width: 100%;overflow: hidden;}
.index-routine .wrap{position: relative;}
/*.index-routine .hx{position: absolute;right: -256px;bottom: 50px;z-index: 999;}
.index-routine .hx em:first-of-type{background: #19a544;width: 256px;height: 4px;display: block;transform: skewY(-28deg);animation: myfirst1 2s infinite;}
.index-routine .hx em:nth-of-type(2){background: #e6e6e6;width: 380px;height: 4px;display: block;transform: skewY(-28deg);margin-top: 10px;margin-left: -30px;animation: myfirst2 2s infinite;}
@keyframes myfirst1
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes myfirst2
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}*/
.index-routine ul{width: 100%;padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-routine ul::after{content: "";display: block;clear: both;}
.index-routine ul li{width: 100%;margin-bottom: 20px;position: relative;float: left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d4d4d4;border-radius: 10px;overflow: hidden;transition:all 300ms;-moz-transition:all 300ms; -webkit-transition:all 300ms;}
.index-routine ul li a{display: block;}
.index-routine ul li:nth-of-type(3n+3){margin-right: 0;}
.index-routine ul li p:first-of-type{text-align: center;color: #fff;font-size: 28px;line-height: 100px;margin-top: 30px;background:linear-gradient(90deg,#59a8f9,#7362fd);}
.index-routine ul li p:nth-of-type(2){font-size: 16px;color: #666;line-height: 30px;padding: 15px 10px 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-routine ul li p:nth-of-type(2) strong{color: #34bae9;font-weight: bold;}
.index-routine ul li em{position: absolute;top: 0;left: 0;width:100%;height: 40px;background: #e13022;color: #fff;font-size: 24px;line-height: 40px;text-align: center;}
.index-routine ul li:hover{border: 1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#53b8f8,#7362fd);}



.index-routine-bottom{width: 100%;text-align: center;margin: 0 0 20px 0;padding:0 15px ;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-routine-bottom div{display: inline-block;margin: 0 auto;position: relative;width: 100%;height: 60px;border: 1px solid #7367fd;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #edf2fa;}
.index-routine-bottom p{width: 100%;text-align: center;line-height: 60px;color: #4c4c4c;font-size: 16px;}
.index-routine-bottom em{position: absolute;;width: 8px;height: 32px;display: block;background: #6790fc;}
.index-routine-bottom em:first-of-type{top: 14px;left: -4px;position: absolute;}
.index-routine-bottom em:last-of-type{top: 14px;right: -4px;}
.banner{width: 100%;display: none;}
.banner img{display: block;width: 100%;}
.banner2{width: 100%;}
.banner2 img{display: block;width: 100%;}
.banner3{width: 100%;}
.banner3 img{display: block;width: 100%;}


.index-friend{width: 100%;text-align: center;padding: 20px 0 15px 0;overflow: hidden;}
.index-friend .wrap{position: relative;}
.index-friend strong{font-weight: bold;color: #4c4c4c;font-size: 16px;}
.index-friend em{font-size: 14px;color: #4c4c4c;}
.index-friend .index-friend-bt p:last-of-type{color: #666;font-size:14px;line-height: 20px;padding: 10px 0 20px 0;}
.index-friend .pic{display: none;}
.index-friend .pic2{width: 100%;text-align: center;}
.index-friend .pic2 img{display: block;width: 100%;position: relative;}
.index-friend .pic2 ul{display: inline-block;margin: 0 auto;position: absolute;bottom:12%;left: 50%;margin-left: -105px;}
.index-friend .pic2 ul li{float: left;}
.index-friend .pic2 ul li p{margin-right: 10px;border-radius: 50%;color: #fff;font-size: 14px;float: left;width: 60px;height: 60px;}
.index-friend .pic2 ul li p span{padding: 11px 0 0 0;display: block;}
.index-friend .pic2 ul li:first-of-type p{background: #5c93fa;animation: small 3s infinite;}
.index-friend .pic2 ul li:nth-of-type(2) p{background: #cebf18;animation: small2 4s infinite;}
.index-friend .pic2 ul li:nth-of-type(3) p{background: #2ec543;animation: small3 5s infinite;margin-right: 0;}
.index-friend .hx{position: absolute;left: -220px;bottom: 45%;z-index: 999;}
.index-friend .hx em:first-of-type{background: #5c9efa;width: 110px;height: 8px;display: block;transform: skewY(-28deg);}
.index-friend .hx em:nth-of-type(2){background: #f3d116;width: 220px;height: 4px;display: block;transform: skewY(-28deg);margin-top: 20px;}
.index-friend .hx2{position: absolute;right: -220px;bottom: 5%;z-index: 999;}
@keyframes small
{
0% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(1);}
}
@keyframes small2
{
25% {transform: scale(1);}
62.5% {transform: scale(0.8);}
100% {transform: scale(1);}
}
@keyframes small3
{
40% {transform: scale(1);}
70% {transform: scale(0.8);}
100% {transform: scale(1);}
}
.index-friend .hx2 em:first-of-type{background: #f3d116;width: 220px;height: 4px;display: block;transform: skewY(-28deg);}
.index-friend .hx2 em:nth-of-type(2){background: #5c9efa;width: 110px;height: 8px;display: block;transform: skewY(-28deg);margin-top: 50px;}
/*@keyframes myfirst3
{
0% {opacity: 0;height: 0;}
50% {opacity: 1;height: 8px;}
100% {opacity: 0;height: 0px;}
}
@keyframes myfirst2
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}*/

.index-product{width: 100%;background: #edf2fa;padding:0 15px 20px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product .wrap{position: relative;}
/*.index-product .hx{position: absolute;left: -360px;bottom: 0;z-index: 999;}	
.index-product .hx em:first-of-type{background: #fff;width: 340px;height: 4px;display: block;transform: skewY(-28deg);animation: myfirst2 2s infinite;}
.index-product .hx em:nth-of-type(2){background: #2ec543;width: 260px;height: 4px;display: block;transform: skewY(-28deg);animation: myfirst1 2s infinite;margin-top: 50px;}*/
.index-product-list{border: 1px solid #ccc;width: 100%;border-bottom: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list:last-of-type{border-bottom: 1px solid #ccc}
.index-product-list::after{content: "";display: block;clear: both;}
.index-product-list .icon{float: left;text-align: center;width: 100%;height: 235px;background: #5c93fa;border-right: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list .icon2{background: #2ec543;}	
.index-product-list .icon img{display: block;margin: 50px auto 20px;}
.index-product-list .icon p{color: #fff;font-size: 18px;line-height: 18px;}
.index-product-list .txt{padding: 0 15px;width: 100%;float: left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-product-list .txt>p{color: #666;font-size: 16px;line-height: 28px;padding: 15px 0;}
.index-product-list .txt ul::after{content: "";display: block;clear: both;}
.index-product-list .txt ul li{float: left;text-align: center;margin-right: 0;width: 33.3%;margin-bottom: 15px;}
.index-product-list .txt ul li:first-of-type{margin-left: 0;}
.index-product-list .txt ul li:last-of-type{margin-right: 0;}
.index-product-list .txt ul li img{display: block;height: 45px;margin: 0 auto;}
.index-product-list .txt ul li p{color: #2f6de0;font-size: 16px;line-height: 16px;padding: 20px 0 0 0;}

.index-service{width: 100%;padding-bottom: 0px;}
.index-service .wrap{position: relative;}
.index-service ul{width: 100%;padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-service ul::after{content: "";display: block;clear: both;}
.index-service ul li{width: 100%;}
.index-service ul li::after{content: "";display: block;clear: both;}
.index-service ul li img{float: left;width: 20%;margin-right: 5%;}
.index-service ul li .txt{float: left;width: 75%;}
.index-service ul li .txt p:first-of-type{font-size: 18px;color: #333;font-weight: bold;padding: 5px 0 0 0;}
.index-service ul li .txt p:nth-of-type(2){font-size: 14px;color: #333;line-height: 24px;padding: 15px 0 0 0;}
.index-service ul li:nth-of-type(2n+1){float: left;clear: both;margin-bottom: 20px;}
.index-service ul li:nth-of-type(2n+2){float: right;margin-bottom: 20px;}
.index-service ul li:nth-of-type(3){}
.index-service ul li:nth-of-type(4){}
.index-service .pic{display: none;}
.index-service .pic img{position: absolute;top: 175px;left: 36px;}
.index-service .pic p{position: absolute;top:73%;left: 50%;margin-left: -54px;font-size: 22px;line-height: 40px;color: #4c4c4c;}

.index-praise{width: 100%;position: relative;}
.index-praise .box{}
.index-praise .txt{padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-praise .txt p{color: #666;font-size: 14px;line-height: 24px;text-align: center;}
.index-praise ul{width: 100%;margin-top: 15px;padding: 0 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-praise ul::after{content: "";display: block;clear: both;}
.index-praise ul li{float: left;width: 49%;margin-bottom: 10px;margin-right: 2%;}
.index-praise ul li:nth-of-type(2n+2){margin-right: 0;}
.index-praise ul li a{display: block;}
.index-praise ul li img{display: block;width: 100%;}

.index-make .index-charge-bt em{color: #808080;font-size: 14px;line-height: 14px;display: block;padding: 10px 0 0 0;}
.index-make .index-charge-bt{padding-bottom: 20px;}

.index-make{width: 100%;padding-bottom: 20px;}
.index-make .wrap::after{content: "";display: block;clear: both;}
.index-make-fl{width: 100%;padding: 0 15px ;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-make-fl::after{content: "";display: block;clear: both;}
.index-make-fl label{width: 100%;float: left;margin-bottom: 10px;}
.index-make-fl label:nth-of-type(2n+2){float: right;}
.index-make-fl label::after{content: "";display: block;clear: both;}
.index-make-fl label:nth-of-type(5) input{width: 10%}
.index-make-fl label em{width: 30%;float: left;color: #4c4c4c;font-size: 16px;line-height: 42px;}
.index-make-fl label input[type=text]{padding: 0 10px;width: 70%;float: left;line-height: 40px;border: 1px solid #ccc;background: #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-make-fl label .radio{float: left;width: 200px;line-height: 52px;}
.index-make-fl label .inp{position: relative;width: 100px;float: left;}
.index-make-fl label .inp strong{font-size: 16px;color: #4c4c4c;padding-left: 5px;}
.index-make-fl label .dz{opacity: 0;width: 16px;height: 16px;position: absolute;top: 18px;left: 0;}
.index-make-fl label .dz[type=radio]+b {margin-top: 18px;float: left;width: 16px;height: 16px;background: url(../../images/default/input3.png) no-repeat;}
.index-make-fl label .dz[type=radio]:checked+b {margin-top: 18px;float: left;width: 16px;height: 16px;background: url(../../images/default/input4.png) no-repeat;}
.index-make-fl label img{float: left;height: 52px;}
.index-make-fl label a{color: #1d28bb;font-size: 14px;line-height: 14px;padding: 10px 0 0 0;float: left;text-decoration:underline}
.index-make-fl label:last-of-type{width: 100%;}
.index-make-fl label textarea{padding: 10px;width: 100%;border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #f5f5f5;resize: none;height:100px;}
.index-make-fl label:nth-of-type(5){width: 60%;}
.index-make-fl label:nth-of-type(5) em{width: 50%;}
.index-make-fl label:nth-of-type(5) input{width: 50%}
.index-make-fl label:nth-of-type(6){width: 30%;}
.index-make-fl label:nth-of-type(6) img{height: 40px;width: 100%;}

.index-make-fr{width: 93%;margin: 0 auto;border-radius: 8px;border: 1px solid #ccc;overflow: hidden;height:200px;}
.index-make-fr p{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color: #fff;background: #34bae9;}
.index-make-fr .swiper-wrapper{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 15px;}
.index-make-fr .swiper-slide{padding: 15px 0;width: 100%;border-bottom: 1px dashed #ccc;}
.index-make-fr .swiper-slide:last-of-type{}
.index-make-fr .swiper-slide em{color: #0f4fb8;font-size: 16px;line-height: 16px;}
.index-make-fr .swiper-slide span{color: #666;font-size: 14px;line-height: 25px;padding-left: 5px;}
.index-make-fr .swiper-slide span strong{color: #34bae9;font-size: 16px;line-height: 16px;}
#fmkscnvs{transform: scale(1);}
.fixedBox{display: none;}
.index-charge-bt3{display: none;}
}