@charset "UTF-8";
::-moz-selection { color: #fff; background: #3e84ff; }
::selection { color: #fff; background: #3e84ff; }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; width: 100%; max-width: 1920px; font-size: 14px; font-size: 1.4rem; line-height: 1.2; overflow-x: hidden; font-family: 'Microsoft YaHei', 微软雅黑; }
body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #c1c1c1;
  box-shadow: inset 0 0 5px #c1c1c1;
  background: #c1c1c1;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  border-radius: 0;
  background: rgba(193,193,193,0.1);
}

a { text-decoration: none; outline: none; color: #333; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

a:hover { color: #0077c8; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; height: auto; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

.ellipsis1{
  display: -webkit-box!important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ellipsis2{
  display: -webkit-box!important;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.ellipsis3{  display: -webkit-box!important;
  -webkit-line-clamp:3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.ellipsis4{  display: -webkit-box!important;
  -webkit-line-clamp:4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.layer-video{max-width: 90%!important;}
#maskVideo{height: 100%;overflow: hidden;}
.layer-video .layui-layer-setwin{z-index: 9999;}
.f-box { margin: 0 auto; width: 1200px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; }
.br{display: block;}
.m-br{display: none;}
.video{width:140%}
.atit{display:none;}
.more{display:none;}
@media screen and (max-width: 1219px) { .f-box { width: 960px; } }

@media screen and (max-width: 991px) { .f-box { width: 720px; } .br{display: none;}}

@media screen and (max-width: 767px) { .f-box { padding-left: 15px; padding-right: 15px; }

.m-br{display: block;}
}

/* .j-xx start */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (max-width: 991px) { .j-offset-top { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }


.hd-title{position: relative;padding-top: 20px;text-align: center;}
.hd-title .title1{    user-select: none;    position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);line-height: 1;font-size: 50px;font-size: 5rem;font-weight: bold;font-family: "GothamBold", Arial, Helvetica, sans-serif;color: #3e84ff;color: rgba(0, 105, 171, 0.13);}
.hd-title .title2{position: relative;display: inline-block;line-height: 1;font-size: 32px;font-size: 3.2rem;color: #333;font-weight: bold;}
.hd-info{text-align: center;color: #888;font-size: 20px;margin-top: 20px;}
@media screen and (max-width: 991px) {
  .hd-title { padding: 10px 15px 0 15px;}
  .hd-title .title1 { font-size: 30px; font-size: 3rem; }
  .hd-title .title2 { line-height: 1.2; font-size: 20px; font-size: 2rem; }
  .hd-desc { line-height: 22px; font-size: 12px; font-size: 1.2rem; }

  .hd-info{margin-top: 15px!important;line-height: 24px; font-size: 14px; font-size: 1.4rem;padding: 0 15px; }
  .hd-info span{font-size: 1.5rem!important;}
}
@media screen and (max-width: 768px) {
  .hd-info{font-size: 1.5rem!important;margin-top: 10px!important;}
  .video{width:100%}
  .atit{background: #0077c8;
    font-size: 16px;
	display: block;
    padding: 1em;
    color: #fff;}
	.more{display: block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    font-size: 18px;display: block;
    /* margin-top: 5rem !important; */
    background: #1b3f8d;
    transition: all 1s;
    border-radius: 5px;}
	
}
.footer-waves{overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100vw;height: 242px;}
.footer-waves .wave{position: absolute;left: 0;bottom: 0;width: 20000%;height: 60%;
  background-image: url("/images/wavebg.png");
  -webkit-animation: footerWave 2700s linear infinite;
  -o-animation: footerWave 2700s linear infinite;
  animation: footerWave 2700s linear infinite;}
@-webkit-keyframes footerWave{
  0%{-webkit-transform:translateX(0);transform:translateX(0);}
  100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}
@keyframes footerWave{
  0%{-webkit-transform:translateX(0);transform:translateX(0);}
  100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}

@media screen and (max-width: 768px){
  .footer-waves{display: none!important;}
}


.index-header{width: 100%;
    min-height: 90px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 9;
    flex-wrap: wrap;
    background: rgba(255, 255,255,1)!important;
    display: flex;
    padding: 0 80px 0 80px;
    align-items: center;
    justify-content: space-between;}

}

..index-header{width: 100%;min-height: 90px;box-sizing: border-box;position: fixed;top: 0;z-index: 9;flex-wrap: wrap;
  background: rgba(255, 255,255,1)!important;display: flex;padding: 0 80px 0 80px;align-items: center;justify-content: space-between;
}
.index-header .header-logo{height: 100%;align-items: center;display: flex;}
.index-header .header-logo a{height: 100%;display: flex;align-items: center;}
.index-header .header-menu{display: flex;height: 90px;}
.index-header li{position: relative;}
.index-header .header-menu>li:not(:first-child){margin-left: 35px;}
.index-header .menu-item>a{height: 100%;display: flex;align-items: center;font-size: 18px;color: #333;white-space: nowrap;
border-bottom: 4px solid transparent;box-sizing: border-box;
}
.index-header li a.active{border-bottom: 4px solid #333;box-sizing: border-box;}
.index-header li a>.icon{font-size: 12px;margin-left: 6px;}
.index-header .menuse-list{position: absolute;left: 0;top: 100%;display: none;width: 205px;background-color: #fff;padding: 6px 0;}
.index-header .menuse-list a{display: block;line-height: 38px;padding: 10px 20px;font-size: 18px;font-size: 1.8rem;}
.index-header .menuse-list a:hover{    color: #fff;
background-color: #246ffb;}
.index-header li:hover .menuse-list{display: block;}

@media screen and (max-width: 1219px) {
  .index-header{padding: 0 30px;}

}

@media screen and (max-width: 991px) {
  .index-header .header-menu{display: none;}
  .index-header .header-logo{justify-content: center;width: 100%;}
  
}
@media screen and (max-width: 768px) {
  .index-header{min-height: 60px;height: 60px;}
  .index-header .header-logo img{height: 32px;}

  .m-sdnav1,.m-sdtag{display: none;}
}
/*  */

.m-mobilenav { display: none; }

@media screen and (max-width: 991px) {
  .m-mobilenav { position: fixed; z-index: 11; padding-top: 25px; top: 0; left: 0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
  .m-mobilenav .mbnav-btn { position: absolute; z-index: 2; top: 10px; left: 17px; width: 26px; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }
  .m-mobilenav .mbnav-btn .line { width: 100%; height: 2px; background-color: #025be0; }
  .m-mobilenav .mbnav-btn .line2 { margin-top: 6px; margin-bottom: 6px; }
  .m-mobilenav .mbnav-btn.active { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .m-mobilenav .mbnav-bd { position: absolute; left: 0; top: 0; width: 300px; height: 100%; top: 0; visibility: hidden; z-index: 1; }
  .m-mobilenav .mbnav-bd.show { visibility: visible; }
  .m-mobilenav .mbnav-bd.show .mbnav-wp { height: 100%; opacity: 1; }
  .m-mobilenav .mbnav-bd.show .mbnav-item > a { opacity: 1; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  .m-mobilenav .mbnav-wp { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #333c; top: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; opacity: 0; }
  .m-mobilenav .mbnav-fix { position: absolute; left: 0; top: 60px; height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden;}
  .m-mobilenav .mbnav-item { position: relative; padding-left: 44px; padding-right: 24px; padding-top: 10px; padding-bottom: 10px; }
  .m-mobilenav .mbnav-item i { position: absolute; left: 13px; top: 12px; width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #333c; font-size: 20px; font-size: 2rem; color: #fff; cursor: pointer; }
  .m-mobilenav .mbnav-item > a { display: block; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transform: scale(1.1) translate(60px, -35px); -moz-transform: scale(1.1) translate(60px, -35px); -ms-transform: scale(1.1) translate(60px, -35px); -o-transform: scale(1.1) translate(60px, -35px); transform: scale(1.1) translate(60px, -35px); opacity: 0; -webkit-transition: .5s .1s; -o-transition: .5s .1s; -moz-transition: .5s .1s; transition: .5s .1s; }
  .m-mobilenav .mbnav-item > a.current:after { content: ""; margin-left: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }
  .m-mobilenav .mbnav-item > a.active { color: #025be0; }
  .m-mobilenav .mbnav-item > a.active:after { background-color: #025be0; }
  .m-mobilenav .mbnav-item:nth-child(1) > a { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
  .m-mobilenav .mbnav-item:nth-child(2) > a { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
  .m-mobilenav .mbnav-item:nth-child(3) > a { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; }
  .m-mobilenav .mbnav-item:nth-child(4) > a { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; }
  .m-mobilenav .mbnav-item:nth-child(5) > a { -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; }
  .m-mobilenav .mbnav-item:nth-child(6) > a { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; }
  .m-mobilenav .mbnav-item:nth-child(7) > a { -webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; }
  .m-mobilenav .mbsbnav-list { padding: 10px 0; display: none; }
  .m-mobilenav .mbsbnav-item { position: relative; padding-left: 20px; padding-right: 5px; }
  .m-mobilenav .mbsbnav-item i { left: 0; top: 6px; line-height: 24px; }
  .m-mobilenav .mbsbnav-item a { display: block; padding: 5px 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; }
  .m-mobilenav .mbsbnav-item a.active { color: #025be0; }
}


/*  */


.index-main *{box-sizing: border-box;}
.index-main>div{position: relative;}
/* banner */
.swiper1-pagination {bottom: 81px!important;}
.swiper1-pagination .swiper-pagination-bullet{opacity: 1;;width: 14px;height: 14px;border: 2px solid #FFFFFF;background-color: transparent;}
.swiper1-pagination .swiper-pagination-bullet-active{background-color: #fff;}
.swiper1 .banner-img{}
.swiper1 .banner-text{width: auto;position:absolute;z-index: 1;left: 16.09vw;top: 15.88vw;}
.swiper1 .banner-text .banner-tit1{font-size: 28px;color: #333;}
.swiper1 .banner-text .banner-tit2{font-size: 48px;color: #333;margin: 30px 0;}
.swiper1 .banner-text .b-span1{color: #3E84FF;font-size: 60px;font-weight: bold;font-family: "Poppins";}
.swiper1 .banner-text .banner-tit3{font-size: 30px;color: #333;}
.swiper1 .banner-text .b-span2{color: #F9811F;font-size: 60px;display: inline-block;margin-left: 0px;font-weight: 600;}
.swiper1 .banner-text .b-span3{color: #F9811F;font-size: 42px;font-weight: 800;}


.banner-pc{display: block;}
.banner-mobile{display: none;}
@media screen and (max-width: 1419px) {
  .swiper1 .banner-text{width:90vw}
}
@media screen and (max-width: 1219px) {
  .swiper1 .banner-text .banner-tit1{font-size: 24px;}
  .swiper1 .banner-text .banner-tit2{margin: 20px 0;font-size: 40px;}
  .swiper1 .banner-text .banner-tit3{font-size: 26px;}
  .swiper1 .banner-text .b-span1{font-size: 50px;}
  .swiper1 .banner-text .b-span2{font-size: 40px;}
  .swiper1 .banner-text .b-span3{font-size: 38px;}
}
@media screen and (max-width: 991px) {
  .swiper1 .banner-text .banner-tit1{font-size: 16px;}
  .swiper1 .banner-text .banner-tit2{font-size: 20px;}
  .swiper1 .banner-text .b-span1{font-size: 22px;}
  .swiper1 .banner-text .b-span2{font-size: 20px;}
  .swiper1 .banner-text .b-span3{font-size: 20px;}
  .swiper1 .banner-text .banner-tit3{font-size: 18px;}
  .swiper1-pagination {bottom: 20px!important;}
}
@media screen and (max-width: 768px) {
    /*.swiper1 .swiper-wrapper .swiper-slide:not(:first-child){display: none;}*/
    .swiper1-pagination{display: none;}
}



@media screen and (max-width: 750px) {
  .banner-pc{display: none;}
  .banner-mobile{display: block;}
  .banner-mobile img{width: 100%;}
}
/*  num */
.index-num{width: 1300px;min-height: 182px;display: flex;align-items: center;justify-content: space-between;margin: -57px auto 0;
box-shadow: 0px 2px 12px 0px rgba(44, 78, 187, 0.22);position: relative;z-index: 6;background-color: #fff;}
.index-num .index2-item{position: relative;width: 25%;text-align: center;}
.index-num .index2-item:not(:last-child)::after{width: 1px;height: 42px;content: "";display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #464646;opacity: 0.2;}
.index-num .index2-item .index2-top{font-size: 18px;color: #333;}
.index-num .index2-item .index2-top span{font-size:36px;color: #333;font-weight: bold;}
.index-num .index2-item .index2-bottom {font-size: 18px;color: #333;margin-top: 6px;}
.index-num .index2-item .index2-bottom span{font-size:24px;color: #555;font-weight: 500;}
@media screen and (max-width: 1419px) {
  .index-num{width: 90vw;}
}
@media screen and (max-width: 1219px) {
  .index-num{flex-wrap: wrap;}
  .index-num .index2-item{width:48%}
  .index-num .index2-item .index2-top{font-size: 16px;}
  .index-num .index2-item .index2-top span{font-size: 26px;}
  .index-num .index2-item .index2-bottom{font-size: 16px;}
  .index-num .index2-item .index2-bottom span{font-size:20px}
}
@media screen and (max-width: 991px) {
  .index-num{width: calc(100% - 30px);}
  .index-num{margin-top: 10px!important;padding:10px 0}
  .index-num .index2-item .index2-top{font-size: 14px;}
  .index-num .index2-item .index2-top span{font-size: 20px;}
  .index-num .index2-item .index2-bottom{font-size: 14px;}
  .index-num .index2-item .index2-bottom span{font-size:16px}

}
@media screen and (max-width: 768px) {
  .index-num .index2-item::after{display:none!important}
  .index-num .index2-item{width:90%;margin:0 auto 10px;text-align:center;}
  .index-num .index2-item:not(:first-child){border-top: 1px solid #46464633;padding-top: 10px;}
}
/* index3 */
.index3{margin-top: 88px;position: relative;padding-bottom: 242px;}
.index3-tab{margin: 75px auto 10px;}
.index3-tab-top{display: flex;align-items: center;justify-content: space-between;height: 66px;}
.index3-tab-top p{flex: 1;height: 100%;background-color: #E8EAEC;font-size: 22px;color: #333;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.index3-tab-top p.on{color: #0077c8;background-color: #fff;border-top: 3px solid #0077c8}
.index3-tab-top p:not(:last-child){border-right: 2px solid #fff;}
.index3-tab-con{}
.index3-tab-con .index3-con-item{display: none;margin-top: 30px;}
.index3-tab-con .index3-con-item.show{display: flex;}
.index3-tab-con .index3-con-item.show .index3-left{width:28.08%;height: 368px;margin-right: 20px;padding-left: 38px;background-size: cover;background-position: center;}
.index3-tab-con .index3-item1 .index3-left{background: url("../images/index1-left1.png") no-repeat;}
.index3-tab-con .index3-item2 .index3-left{background: url("../images/index1-left2.png") no-repeat;}
.index3-tab-con .index3-item2 .index3-tit2{display:flex;flex-wrap: wrap;justify-content: space-between;width: 250px;}
.index3-tab-con .index3-item2 .index3-tit2 span{width:50%}
.index3-tab-con .index3-item3 .index3-left{background: url("../images/index1-left3.png") no-repeat;}
.index3-tab-con .index3-item4 .index3-left{background: url("../images/index1-left4.png") no-repeat;}
.index3-tab-con .index3-tit1{font-size: 26px;color: #fff;font-weight: bold;margin:42px 0 20px 0;}
.index3-tab-con .index3-item1 .index3-tit1{font-size: 26px;color: #fff;font-weight: bold;margin:76px 0 20px 0;}
.index3-tab-con .index3-tit2{font-size: 18px;color: #fff;line-height: 30px;}
.index3-tab-con .index3-right{flex: 1;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.index3-tab-con .index3-right::after{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 7px;height: 7px;z-index: 9;background-color: #fff;}
.index3-tab-con .index3-right .i3-r-item{width: 50%;display: flex;height: 50%;background-color: #fff;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(1){border-right: 1px solid #CCCCCC;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(3){border-right: 1px solid #CCCCCC;border-top: 1px solid #ccc;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(4){border-top: 1px solid #ccc;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(odd) .i3-img{margin: 48px 20px 0 48px;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(even) .i3-img{margin: 48px 20px 0 97px;}
.index3-tab-con .index3-right .i3-r-item .i3-img img{max-width: 58px}
.index3-tab-con .index3-right .i3-tit1{font-size: 18px;color: #0E0203;font-weight: bold;margin: 48px 0 10px 0;}
.index3-tab-con .index3-right .i3-tit2{font-size: 16px;color: #666;}
.index3-tab-con .index3-right a{font-size: 16px;color: #666;margin-top: 35px;display: inline-block;}
.index3-tab-con .index3-right a:hover{color: #0077c8;}
@media screen and (max-width: 1219px) {
  .index3 .index3-tab-con .index3-right .i3-r-item .i3-img{margin: 36px 20px 0 48px}
}
@media screen and (max-width: 991px) {
  .index3,.index4{margin-top:30px!important}
  .index3-tab{margin-top: 10px;}
  .index3-tab-con .index3-con-item.show .index3-left{padding-left: 20px;}
  .index3-tab-con .index3-item2 .index3-tit2 span{width: 100%;}
  .index3-tab-top p{font-size: 18px;}
}
@media screen and (max-width: 768px){
  .index3-tab-con .index3-con-item .index3-left{display: none;}
  .index3,.index8{padding-bottom: 10px!important;}
  .index3-tab-con .index3-right .i3-r-item{padding-bottom: 10px;}
  .index3 .index3-tab-con .index3-right .i3-r-item .i3-img{margin: 36px 10px 0 10px;width: 40px;}
  .index3-tab-top{flex-wrap: wrap;height: auto;}
  .index3-tab-top p{width: 50%;flex: auto;height: 50px;border-right: 0!important;}
  .index3-tab-top p:nth-of-type(odd){border-right: 2px solid #fff!important;}
}
.index-btn{display: inline-block;font-size: 18px;color: #fff;background: #0077c8;padding: 18px 40px;border-radius: 5px;box-shadow: 0px 3px 7px 0px rgba(0, 49, 88, 0.15);}
.index-btn:hover{color: #fff;opacity: 0.8;}
.index-btn.index-btn2{padding: 0 35px;font-size: 22px;height: 52px;line-height: 52px;}
.index4{margin-top: 80px;}
.index4 .index4-main{margin: 30px auto 35px;display: flex;flex-wrap: wrap;justify-content: space-between;    max-width: 1220px;}
.index4 .index4-main>.index4-item{width: calc(33.33% - 11.33px);margin-bottom: 20px;position: relative;overflow: hidden;display: flex;border-radius: 10px;}
.index4 .index4-main>.index4-item p{display: flex;    margin-bottom: 0px;}
.index4 .index4-main>.index4-item img{max-width: 100%;}
.index4 .index4-main .index4-modal{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: all 0.4s;border-radius: 10px;}
.index4 .index4-main .index4-modal a{    padding: 5px 25px;line-height: 24px;font-size: 16px;font-size: 1.6rem;color: #fff;
border-radius: 17px;background-color: #025be0;}
.index4 .index4-main>.index4-item:hover  .index4-modal{top: 0;}
.index4 .index4-btn-box{text-align: center;}
@media screen and (max-width: 1219px) {
  .index4 .index4-main{margin: 60px 20px 40px;}
}
@media screen and (max-width: 991px) {
  .index4 .index4-main{margin: 20px 20px 10px;}
}
@media screen and (max-width: 768px) {
  .index4 .index4-main>.index4-item{width:calc(50% - 10px)}


  .index-btn{padding: 10px 20px;}
  .index-btn.index-btn2{height: 41px;line-height: 41px;padding: 0 10px;font-size: 18px;}
}
.index5{margin-top: 80px;}
.index5 .f-box{margin-right: 0;height: 28.75vw;display: flex;align-items: center;margin-left: 8.75vw;width: calc(100% - 8.75vw);}
.index5 .index5-top{display: flex;}
.index5 .index5-top p{min-width: 80px;width: 8vw;height: 50px;background-color: #B7B7B7;font-size: 22px;color: #fff;text-align: center;line-height: 50px;cursor: pointer;}
.index5 .index5-top p.on{background-color: #0077c8;}
.index5 .index5-top p:last-child{border-radius: 0px 30px 0px 0px;    margin-bottom: 0rem;}
.index5 .index5-con .index5-item{display: none;border-radius: 0 0 50px 0;overflow: hidden;position: relative;}
.index5 .index5-con .index5-item img{width: 100%;transition: all .4s ease-in-out;}
.index5 .index5-con .index5-item .index5-icon{ position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;pointer-events: none;width: 66px;height: 66px;line-height: 66px;text-align: center;}
.index5 .index5-con .index5-item .index5-icon:before{content: ' ';background: rgba(67,127,236,0.5);position: absolute;border: 4px solid #437fec;width: 100%;height: 100%;display: block;left: -4px;top: -4px;border-radius: 50%;transition: all 0.3s ease-in-out;}
.index5 .index5-con .index5-item .index5-icon em{font-size: 24px;position: relative;color: #a2cbf3;display: inline-block;transition: all 0.3s ease-in-out;}
.index5 .index5-con .index5-item>a::after{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0,0, 0.2);transition: all .4s ease-in-out;}
  .index5 .index5-con .index5-item:hover>a::after{opacity: 0.1;}
.index5 .index5-con .index5-item:hover .index5-icon:before{border-radius: 35px 85px 85px 35px / 60px 60px 60px 60px;transform: translateY(13px);}
.index5 .index5-con .index5-item:hover em{color: #fff;transform: translateY(13px);}
.index5 .index5-con .index5-item:hover img{transform: scale(1.1);}

.index5 .index5-con .index5-item.show{display: block;}
.index5 .index5-left{position: relative;z-index: 1;width: 31vw;}
.index5 .index5-right{height: 120%;background: #0077c8;display: flex;align-items: center;padding-left: 19.8vw;margin-left: -6.25vw;width: calc(100% - 24.75vw);}
.index5 .index5-right .index5-tit{position: relative;color: #fff;font-size: 32px;font-weight: bold;padding-top: 28px;}
.index5 .index5-right .index5-tit .i5tit1{position: absolute;left: 0;top: 0;color:rgba(255,255,255,.13);font-weight: bold;font-size: 50px;user-select:none;z-index: 0;font-family: "GothamBold", Arial, Helvetica, sans-serif;}
.index5 .index5-right .index5-tit .i5tit2{position: relative;z-index: 1;display: inline-block;}
.index5 .index5-right .index5-txt1{font-size: 22px;color: #fff;margin: 50px 0 20px 0;width: 80%;}
.index5 .index5-right .index5-txt2{font-size: 22px;}
.index5  .index5-txt2 a{color: #fff;font-size: 22px;}
@keyframes iconBefore {
	0% { transform: scale(1.6); }
	50% { transform: scale(1.4); }
	100% { transform: scale(1.5); }
}
@media screen and (max-width: 1219px) {
  .index5 .f-box{margin-left:10vw}

}
@media screen and (max-width: 991px) {
  .index5{margin-top: 10px;}
  .index5 .f-box{margin: 0 auto;flex-direction: column;height: auto;margin-bottom: 10px;}
  .index5 .index5-top p{font-size:18px;}
  .index5 .index5-right{width: 100%;margin: 10px auto 0;order:0;padding: 20px;}
  .index5 .index5-right .index5-tit{font-size: 20px;padding-top: 10px;}
  .index5 .index5-right .index5-tit .i5tit1{font-size: 30px;}
  .index5 .index5-right .index5-txt1{margin: 20px 0 10px;font-size: 16px;}
  .index5 .index5-left{order: 1;margin-top: 20px;width: 100%;}
  .index5 .index5-con .index5-item{border-radius: 0;}

}

.index-tit{position: relative;font-size: 32px;font-weight: bold;padding-top: 20px;}
.index-tit .itit1{position: absolute;left: 0;top: 0;color: #d6e4ed;font-weight: bold;font-size: 50px;user-select:none;z-index: 0;font-family: "GothamBold", Arial, Helvetica, sans-serif;}
.index-tit .itit2{position: relative;z-index: 1;display: inline-block;color: #333;}


.index6{display: flex;padding:6.7vw 0 74px 0;position: relative;}
.index6::before{width: 70%;max-width: 1324px;background-color: #F4F5F6;content: "";left: 0;top: 0;position: absolute;height: 20.8vw;}
.index6 .index6-box{margin-left:18.75vw;position: relative;z-index: 1;display: flex;width: calc(100% - 18.75vw);}
.index6 .index6-left{margin-top: 2vw;margin-right: 1vw;width: 18.9vw;flex: 0 0 18.9vw;}
.index6 .index6-left .index-tit{padding-top: 20px;}
.index6 .index6-left .itit1{color: #d6e4ed;}
.index6 .index6-left .itit2{color: #333;}
.index6 .index6-left .idnex-info{color: #888;font-size: 20px;margin: 26px 0 107px 0;}
.index6 .index6-right{max-width: 1174px;width: calc(100% - 18.9vw);}
.swiper2{padding-bottom: 50px;}
.swiper2 .swiper-top{position: relative;overflow: hidden;}
.swiper2 .swiper-top .swiper-shade{position: absolute;left: 0;top: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: all 0.4s;width: 100%;height: 100%;cursor: pointer;}
.swiper2 .swiper-top:hover .swiper-shade{top: 0;}
.swiper2 .swiper-con{width: calc(100% - 48px);margin: -42px auto 0;background: #fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 1;padding: 26px 15px;}
.swiper2 .swiper-con .company{font-size: 18px;color: #333333;margin-bottom: 10px;}
.swiper2 .swiper-con .company-con{font-size: 16px;color: #666;}
.swiper2 .swiper-scrollbar-drag{background-color: #0077c8;}
@media screen and (max-width: 1219px) {
  .index6 .index6-box{margin-left:4vw}
}
@media screen and (max-width: 991px) {
  .index6 {display: none;}
  .index6 .index6-box{margin-left: 2vw;width: calc(100% - 2vw);}
  .index6 .index6-left .index-tit{font-size: 28px;}
  .index6 .index6-left .idnex-info{font-size: 18px;margin: 20px auto;}
}
.index7{background: url("../images/index7-bg.png") no-repeat;width: 100%;min-height: 820px;padding: 90px 0 0 0;background-size: cover;}
.index7-main{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 56px;}
.index7-main .index7-item{max-width: 191px;margin-bottom: 20px;overflow: hidden;}
.index7-main .index7-item img{max-width: 100%;    transition: all 550ms;}
.index7-main .index7-item:hover img{transform: scale(1.1);}

.index8{padding: 0px 0 242px 0;position: relative;}
.index8-main{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 56px;}
.index8-main .index8-item{margin-bottom: 26px;transition: all 0s;max-width: 372px;display: flex;align-items: center;justify-content: space-between;position: relative;width: calc(33% - 13px);border: 1px solid #EAEAEA;overflow: hidden;}
.index8-main .index8-item:after{content:"";position:absolute;border: 8px solid #eaeaea;
  box-sizing: border-box;transition: all 0.4s;opacity: 0;width: 100%;height: 100%;
}
.index8-main .index8-item:hover::after{opacity: 1;}
.index8-main .index8-item::before{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.index8-main .index8-item:hover::before{
  animation: hoverImg 1.5s;
    -webkit-animation: hoverImg 1.5s;
}
.index8-main .index8-item img{width: 100%;height: 100%;}
.index8-main .index8-item.no-cursor   {
  cursor:default
}


.index8>img{position: absolute;transform-style:preserve-3d}
.index8-img1{left: 180px;top: 225px;
  -webkit-animation: animationOne 20s infinite linear;
  animation: animationOne 20s infinite linear;}
.index8-img2{left: 294px;top: 503px;
  -webkit-animation: animationTwo 3s linear infinite;
  animation: animationTwo 3s linear infinite;
}
.index8-img3{right: 748px;top: 199px; -webkit-animation: animationTwo 3s linear infinite;
  animation: animationTwo 3s linear infinite;}
.index8-img4{right: 454px;top: 615px;
  -webkit-animation: animationOne 20s infinite linear;
  animation: animationOne 20s infinite linear;
}
.index8-img5{right: 229px;top: 351px; -webkit-animation: animationTwo 3s linear infinite;
  animation: animationTwo 3s linear infinite;}

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

}
@media screen and (max-width: 991px) {
  .index8>img{display: none;}
  .index7{padding-top: 30px;min-height: 300px;}
  .index7-main{margin-top: 10px;}
  .index7-main .index7-item{width:calc(50% - 10px)}
  .index8{padding-top: 30px;}
  .index8-main{margin-top: 10px;}
  .index8-main .index8-item{width:calc(50% - 10px);margin-bottom: 20px;}
  .index8-main .index8-item:hover::after{border-width: 3px;}
}
@media screen and (max-width: 768px) {
  .index7-main .index7-item{width:calc(50% - 4px);margin-bottom: 10px;}
  .index7-main .index7-item:not(:nth-child(-n+8)){display: none!important;}
  .index8-main .index8-item{width:calc(50% - 4px);margin-bottom: 10px;}

  .index8{padding-bottom: 10px;}
}
.index9{padding: 110px 0 70px 0;background: #F4F5F6;}
.index9 .f-box{display: flex;min-height: 554px;}
.index9 .index9-left{width: 254px;padding-right: 20px;border-right: 1px solid #dfdfdf;margin-right: 20px;display: flex;align-items: center;}
.index9 .index9-left .idnex-info{color: #888888;font-size: 20px;margin: 20px 0 60px;}
.index9 .index9-left .index9-tit2{line-height: 24px;margin-bottom: 45px;color: #666;font-size: 16px;}
.index9 .index9-right{display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(100% - 16.19vw);align-items: center;}
.index9 .index9-right .index9-item{max-width: 464px;display: flex;padding: 42px 68px 20px 10px;min-height: 168px;width: calc(50% - 10px);transition: all 0.4s;}
.index9 .index9-right .index9-item .index9-img{width: 120px;text-align: center;}
.index9 .index9-right .index9-item .index9-con{width:  254px;}
.index9 .index9-right .index9-item .index9-txt1{font-size: 18px;color: #333333;margin-bottom: 10px;}
.index9 .index9-right .index9-item .index9-txt2{font-size: 16px;color: #666;line-height: 24px;}
.index9 .index9-right .index9-item:hover{background:url("../images/index9-itembg.png") no-repeat center ;cursor: pointer;
  background-size: contain;
}
@media screen and (max-width: 1219px) {

}
@media screen and (max-width: 991px) {
  .index9{padding: 30px 0;}
  .index9 .f-box{flex-direction: column;}
  .index9 .index9-right .index9-item{padding: 10px 40px 0 10px;min-height: auto;}
  .index9 .index9-left{margin-right: 0;padding-right: 0;border-right: 0;width: 100%;text-align:center;justify-content: center;}
  .index9 .index9-left .idnex-info{margin: 10px 0;}
  .index9 .index9-left .index-tit .itit1{left:50%;transform:translateX(-50%);font-size: 30px;}
  .index9 .index9-left .index9-tit2{margin-bottom: 10px;}
  .index9 .index9-right{width:100%;margin-top: 20px;}
  .index-tit{padding-top: 10px;font-size: 0px;}
  .index-tit .itit2{font-size: 20px;}
}
@media screen and (max-width: 768px) {
  .index9 .index9-right .index9-item{width: 100%;padding: 10px;}
  .index9 .index9-right .index9-item .index9-con{width: auto;}
  .index9 .index9-right .index9-item:hover{background: none;}
  .index9 .index9-right .index9-item .index9-img img{height: 32px;}

}
.index10{padding: 90px 0 97px 0;}
.index10 .f-box{display: flex;}
.index10 .index10-tit{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 34px;}
.index10 .index10-tit span{font-size: 24px;color: #333;font-weight: bold;}
.index10 .index10-tit a{font-size: 14px;}
.index10 .index10-tit a:hover{color: #333;}
.index10 .index10-left-con{display: flex;}
.index10-left{margin-right: 30px;}
.index10 .i10-left{max-width: 390px;margin-right: 14px;}
.index10 .i10-left .i10-left-img{width: 390px;}
.index10 .i10-left-tit1{font-size: 16px;color: #333333;font-weight: bold;}
.index10 .i10-left-tit2{font-size: 14px;color: #555555;line-height: 22px;}
.index10 .i10-left .i10-left-tit1{margin: 26px 0 10px 0;display: block!important;}
.index10 .i10-right-item{display: flex;}
.index10 .i10-left-img2{width: 164px;}
.index10 .i10-right-con{width: 210px;margin-left: 10px;}
.index10 .i10-right-con .i10-left-tit1{line-height: 30px;display: block!important;}
.index10 .i10-right-con .i10-left-tit2{line-height: 24px;margin-top: 10px;}
.index10 .i10-right-item:nth-of-type(1){padding-bottom: 30px;border-bottom: 1px solid #EBEBEB;}
.index10 .i10-right-item:nth-of-type(2){padding-top: 40px;}
.index10-right{}
.index10-right .index10-right-con{max-width: 430px;}
.index10-right .index10-right-con a{font-size: 16px;color: #333;line-height: 20px;display: flex;align-items: center;}
.index10-right .index10-right-con a em{width: 20px;height: 20px;border-radius: 2px;text-align: center;line-height: 20px;background: #999;font-size: 12px;color: #fff;margin-right: 6px;display: inline-block;flex: 0 0 20px;}
.index10-right .index10-right-con a span{display: inline-block!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;}
.index10-right .index10-right-con a:hover span{color: #0077c8;}
.index10-right .index10-right-con li:not(:last-child){margin-bottom: 20px;}
.index10-right .index10-right-con li:nth-of-type(1){margin-top: 8px;}
.index10-right .index10-right-con li:nth-of-type(1) a em{background-color: #FF6400;}
.index10-right .index10-right-con li:nth-of-type(2) a em{background-color: #FF8B01;}
.index10-right .index10-right-con li:nth-of-type(3) a em{background-color: #FFB201;}
@media screen and (max-width: 1219px) {
  .index10-left{width: 70%;}
  .index10-right{width: 30%;}
  .index10 .i10-left{width: 50%;}
  .index10 .i10-left .i10-left-img{max-width: 100%;}
  .index10 .i10-right{width: 50%;}
  .index10 .i10-left-img2{width: 50%;}
}
@media screen and (max-width: 991px) {
  .index10{padding:30px 0}
  .index10 .index10-tit{margin-bottom: 10px;}
  .index10 .f-box{flex-direction: column;}
  .index10-left{margin-right: 0px;width: 100%;}
  .index10 .i10-left{width: 50%;}
  .index10 .i10-left .i10-left-img{max-width: 100%;}
  .index10 .i10-right{width: 50%;}
  .index10 .i10-left-img2{width: 42%;}
  .index10 .i10-right-con{width: 58%;}
  .index10-right{width: 100%;}
}
@media screen and (max-width: 768px) {
  .index10 .index10-left-con{flex-direction: column;}
  .index10 .i10-left{width: 100%;max-width: none;margin-right: 0;padding-bottom:10px;border-bottom: 1px solid #EBEBEB;}
  .index10 .i10-left .i10-left-img{width: auto;}
  .index10 .i10-left .i10-left-tit1{margin: 0 ;line-height: 30px;}
  .index10 .i10-right{width: 100%;}
  .index10 .i10-right-item{flex-direction: column;padding-top: 10px;padding-bottom: 10px!important;}
  .index10 .i10-right-item:nth-of-type(2){padding-top: 10px;}
  .index10 .i10-left-img2{width: 100%;}
  .index10 .i10-right-con{width: 100%;margin-left: 0;}

  .index10 .i10-right-con .i10-left-tit2{margin-top: 0px;}
  .index10-right .index10-right-con{max-width: none;}
}
.c-nomr{
  margin-right:0 !important
}
.c-clearfix:after { content: ""; display: block; clear: both; }
/* 底部 */
.g-ft { background: #E8EAEC;}

 .g-ft a { color: #fff; }

 .g-ft a:hover { color: #333; }

 .m-ftfix1 { padding-top: 60px; text-align: center; }

 .m-ftlogo { line-height: 0; font-size: 0; }

 .m-ftt { margin-top: 25px; line-height: 40px; font-size: 30px; font-size: 3rem; font-weight: bold; }

 .m-ftfix2 { padding-top: 50px; }

 .m-ftinfo { float: left; margin-right: 5%; width: 35%; }

 .m-ftinfo .box-info { font-size: 0; letter-spacing: 0; }

 .m-ftinfo .info-item { margin-bottom: 10px; margin-right: 60px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center; line-height: 1; }

 .m-ftinfo .info-item i { font-size: 48px; font-size: 4.8rem; display: block;color: #0077c8; }

 .m-ftinfo .info-item span { display: block; margin-top: 18px; font-size: 14px; font-size: 1.4rem;color: #666; }

 .m-ftinfo .box-form { position: relative; margin-top: 20px; }

 .m-ftinfo .form-btn { position: absolute; right: 0px; top: 0; width: 138px; height: 46px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #0077c8; border-radius: 23px;}
 .m-ftinfo .form-btn:hover{opacity: 0.8;}
 .m-ftinfo .form-text { width: 100%; height: 46px; line-height: 46px; font-size: 14px; font-size: 1.4rem; color: #888; padding: 0 18px; padding-right: 156px; background-color: #fff; border-radius: 23px; -moz-box-sizing: border-box; box-sizing: border-box; }

 .m-ftaddr { float: left; padding-right: 30px; width: 38.33333%; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #444;}

 .m-ftctus{float: left;}
 .m-ftctus .box-info { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #444;}

 .m-ftctus .box-info span { font-size: 18px; font-size: 1.8rem; font-style: italic; font-weight: bold; }
 .m-ftctus .box-info a{color: #444;}
 .m-ftctus .box-wx { margin-top: 7px; font-size: 0; letter-spacing: 0; }

 .m-ftctus .wx-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100px; margin-right: 18px; }

 .m-ftctus .item-name { margin-top: 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; text-align: center; color: #444;}

 .m-ftfix3 { padding-top: 39px; padding-bottom: 13px; }

 .m-ftpartner { text-align: left; }
 .m-ftpartner .links-title{color: #99999980;font-size: 14px; }

 .m-ftpartner .box-title { margin-bottom: 30px; line-height: 40px; font-size: 30px; font-size: 3rem; font-weight: bold; }

 .m-ftpartner .box-list { font-size: 0; letter-spacing: 0; }
 .card-body h5{font-size:2rem;}

 .m-ftpartner .links-item {font-size: 12px;color: #99999980; }

 .m-ftfix4 { padding:26px 0; border-top: 1px solid #70707033; margin-top: 40px; }

 .m-ftlnk { text-align: center; }

 .m-ftlnk .box-title { margin-bottom: 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

 .m-ftlnk .list-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 18px; font-size: 12px; font-size: 1.2rem; }

 .m-ftfix5 {  padding: 20px 0; background-color: #0077c8;     text-align: center;}
 .m-ftfix5 .m-ftext{/*display: flex;*/align-items: center;font-size: 14px;color: #fff;}
 .m-ftfix5 .m-ftext-a{/*display: flex;*/align-items: center;font-size: 14px;color: #fff;margin-left: 10px;}
 .m-ftfix5 .m-ftext-a:hover{color: #fff;}
 @media screen and (max-width: 991px) {
  .m-ftfix1{padding-top: 30px;}
   .m-ftinfo, .m-ftaddr, .m-ftfix3, .m-ftfix4 { display: none; }
   .m-ftctus { text-align: center; width: 100%;}
   .m-ftt { line-height: 30px; font-size: 20px; font-size: 2rem; }
   .m-ftfix2 { padding-bottom: 30px;padding-top: 20px; }
   .m-ftfix5{padding: 10px 0;}
   .m-ftfix5 .m-ftext{flex-wrap: wrap;line-height: 26px;}
   .m-ftfix5 .m-ftext-a{margin-left: 0;width: 100%;}
   .m-ftfix5 .m-ftext>.m-ftext-a:nth-of-type(2){width: auto;margin-right: 10px;}
}


.returntop{background-color: #0077c8;display: none;position: fixed;right: 0;bottom: 70px;width: 50px;height: 50px;border-radius: 50%;z-index: 999;}
.returntop .icon{font-size: 34px;color: #fff;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);}

@keyframes animationOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    -webkit-transform: translate(100px, 72px) rotate(72deg);
    transform: translate(100px, 72px) rotate(72deg);
  }

  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}


@-webkit-keyframes animationTwo {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes animationTwo {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes hoverImg {100% {left: 125%;}}
@keyframes hoverImg { 100% {left: 125%;}}


@media screen and (max-width: 767px) {
  .index-main{padding-top: 60px;}
}

/* 首页更改 */
.index4 .index4-main>.index4-item p.index4-mobile-btn{display: none;}
.index7-mobile-main{display: none;}
.index3-m-tab{display: none;}
@media screen and (max-width: 767px) {
    .index10 .index10-left{display: none;}
    .index9 .index9-right .index9-item{padding-left: 0;}
    .index7-main{display: none;}
    .index7-mobile-main{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
    .index7-mobile-main .index7-item{width: calc(50% - 1.333vw);height: 150px;margin-bottom: 10px;background-color: #fff;display: flex;align-items: center;justify-content: center;padding: 1.333vw;}
    .index7-mobile-main .index7-item img{max-width: 100%;max-height: 100%;}
    .index5 .index5-right{display: none;}
    .index5 .f-box{width: calc(100% - 8vw);padding: 0;margin-bottom: 4vw;}
    .index5 .index5-con .index5-item .index5-icon{width: 50px;height: 50px;line-height: 50px;}
    .index4 .index4-main>.index4-item:hover .index4-modal{top: 100%;}
    .index4 .index4-main>.index4-item{flex-direction: column;border-radius: 0;}
    .index4 .index4-main>.index4-item p:first-child{border-radius: 1.333vw;overflow: hidden;}
    .index4 .index4-main>.index4-item p.index4-mobile-btn{display: flex;justify-content: center;margin-top: 5px;}
    .index4-mobile-btn a{background-color: #025be0;color: #fff;display: inline-block;padding: 1.333vw 3.333vw;border-radius: 1.333vw;font-size: 1.6vw;}


    .index3-tab{display: none;}
    .index3-m-tab{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;background: #3277F1;padding: 7.6vw 4vw 2.667vw;}
    .index3-m-tab .index3-m-item{width: calc(50% - 1.6vw);background-color: #fff;border-radius: 1.067vw;border: 1px solid #e8e8e8;margin-bottom: 3.6vw;padding: 4.8vw 0 4vw;}
    .index3-m-tab .index3-m-item p{text-align: center;}
    .index3-m-tab .index3-m-item .index3-icon-box{margin-bottom: 2.667vw;}
    .index3-m-tab .index3-m-item .index3-icon-box img{width: 9.467vw;}
    .index3-m-tab .index3-m-item .index3-tit{font-size: 4.267vw;color: #333;}
    .index3-m-tab .index3-m-item .index3-txt{font-size: 3.467vw;color: #555;line-height: 5.333vw;margin: 5.067vw auto 4.267vw;}
    .index3-m-tab .index3-m-item .index3-btn a{display: inline-block;padding: 2.133vw 4.933vw;background-color: #3E84FF;color: #fff;border-radius: 4vw;}
    .index3-m-tab .index3-m-item .index3-img-box{display: flex;align-items: center;justify-content: center;margin: 3.2vw auto 4.667vw;}
    .index3-m-tab .index3-m-item .index3-img-box img{width: 4.4vw;}
    .index3-m-tab .index3-m-item .index3-img-box img+img{margin-left: 1.067vw;}
    .index3-m-tab .index3-m-item .index3-txt2{font-size: 3.467vw;color: #555;margin-bottom: 3.6vw;}


}