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

* { 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: #f67001; }

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;}
@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;} 
}

@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: #f67001;color: rgba(0, 105, 171, 0.13);}
.hd-title .title2{position: relative;display: inline-block;line-height: 1;font-size: 3.2rem;color: #333;}
.hd-title .title2 h1{font-size: 3.2rem;font-weight: normal;}
.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: 1rem auto 1rem auto!important;}
}
.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: 100%;
  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 (min-width: 769px){
  #header .header-menu{display: flex;}
}

#header{width: 100%;min-height: 70px;box-sizing: border-box;top: 0;z-index: 9;flex-wrap: wrap;display: flex;padding: 0 40px 0 45px;align-items: center;justify-content: space-between;position: fixed;}
#header .header-logo{height: 100%;align-items: center;display: flex;}
#header .header-logo a{height: 100%;display: flex;align-items: center;}
#header li{position: relative;}
#header .header-menu>li:not(:first-child){margin-left: 60px;}
#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;}
#header .menu-item>a:hover{ color: #f67001;}
#header .menu-item a.active{ color: #f67001;}
#header li a>.icon{font-size: 12px;margin-left: 6px;}
#header .menuse-list{position: absolute;left: 0;top: 100%;display: none;width: 150px;background-color: #fff;padding: 6px 0;}
#header .menuse-list a{display: block;line-height: 20px;padding: 10px 20px;font-size: 1.6rem;}
#header .menuse-list a:hover{ color: #f67001;}
#header li:hover .menuse-list{display: block;}
#header.abs {
	background:rgba(255, 255, 255, 0.9);
  min-height: 50px;box-shadow: 0px 0px 2px #ccc;
}
#header.abs .header-logo img{width:130px;}
@media screen and (max-width: 768px){
  #header{justify-content: center;min-height: 60px;}
  .header-menu{ display: none;}
  .footer-waves{display: none!important;}
}
/*  */

.m-mobilenav { display: none; }

@media screen and (max-width: 991px) { 
  .abs .m-mobilenav .mbnav-btn{top:15px;}
  .m-mobilenav { position: fixed; z-index: 11; top: 0; left: 0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
  .m-mobilenav .mbnav-btn { position: fixed; z-index: 2; top: 20px; right: 17px; width: 26px; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; z-index: 1001;}
  .m-mobilenav .mbnav-btn .line { width: 100%; height: 2px; background-color: #181818; }
  .m-mobilenav .mbnav-btn .line2 { margin-top: 6px; margin-bottom: 6px; }
  .m-mobilenav .mbnav-btn.active .line1 {transform: rotate(45deg);transition: all 550ms; top:5px;position: absolute;}
  .m-mobilenav .mbnav-btn.active .line2 {transform: rotate(-45deg);margin-top: 0;transition: all 550ms;top:5px;position: absolute;}
  .m-mobilenav .mbnav-btn.active .line3{display: none;}
  .m-mobilenav .mbnav-btn.active .line{background-color: #fff;}
  .m-mobilenav .mbnav-bd { position: absolute; left: 0; top: 0; width: 100%; 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: #181818; }
  .m-mobilenav .mbnav-item > a.active:after { background-color: #181818; }
  .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: #f67001;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: 40px;position: relative;padding-bottom: 0px;}
.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: #f67001;background-color: #fff;border-top: 3px solid #f67001}
.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("/foreign-website/image/website.jpg") no-repeat;}
.index3-tab-con .index3-item2 .index3-left{background: url("/foreign-website/image/ads.jpg") 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("/foreign-website/image/seo.jpg") no-repeat;}
.index3-tab-con .index3-item4 .index3-left{background: url("/foreign-website/image/sns.jpg") no-repeat;}
.index3-tab-con .index3-tit1{font-size: 26px;color: #f67001;font-weight: bold;margin:42px 0 20px 0;}
.index3-tab-con .index3-item1 .index3-tit1{font-size: 26px;color: #f67001;font-weight: bold;margin:76px 0 20px 0;}
.index3-tab-con .index3-tit2{font-size: 18px;color: #0E0203;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: 36px 20px 0 48px;}
.index3-tab-con .index3-right .i3-r-item:nth-of-type(even) .i3-img{margin: 35px 20px 0 97px;}
.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: #f67001;}
@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: #f67001;padding: 18px 40px;border-radius:23px;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: 80px 20px 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.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;}
.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: 23px;background-color: #f67001;}
.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: 18.75vw;width: calc(100% - 18.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: #f67001;}
.index5 .index5-top p:last-child{border-radius: 0px 30px 0px 0px;}
.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: 100%;background: #437fec;display: flex;align-items: center;padding-left: 9.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: #5a8fee;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;}
.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: #f67001;}
@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: 90px 0 0px 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;}

}
.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: 30px; 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; }
 
 .m-ftfix2 { padding-top: 20px;padding-bottom: 60px;}
 
 .m-ftinfo {width: 45%;margin: 0 auto; }
 
 .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: #f67001; }
 
 .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: #f67001; 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; }
 
 .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: #f67001; }
 .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: 10px;}
   .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: #f67001;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%;}}


/* 首页更改 */
.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: #f67001;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: #f67001;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;}
    

}

/****** 棣栭〉 2022-5-31 *****/
.index_page_type1{width: 100%;}
.index_page_type1 .m_title{font-size: 50px; line-height: 50px; color: #000; text-align: center; }
.index_page_type1 .m_title span{display: inline-block; width: 55px; height: 55px; background-color: #f67001; position: relative; vertical-align: middle; margin-right:30px;}
.index_page_type1 .m_title span em{font-family: 'Landon'; font-size: 64px; color: #fff; position: absolute; right: -2px; bottom: 0px; font-style: unset; }
.index_page_type1.step1{background-color:#fafafa; padding: 2rem 0px 20px;margin-top: 4rem;}
.index_page_type1.step1 .list{margin-top: 96px; display: flex; justify-content:space-around;}
.index_page_type1.step1 .item{width: 25%;position: relative; opacity: 0;}
.index_page_type1.step1 .item .img_box{width: 100%; text-align: center;}
.index_page_type1.step1 .item .desc{position: absolute; bottom: -30px; z-index: 1; width: 80%; padding: 30px; background-color: #fff; font-size: 16px; color: #333333; line-height: 25px; box-shadow: 0px 10px 20px rgba(0,0,0,0.08);left: 10%;}
.index_page_type1.step1 .inq_btn{display: block; width: 138px; height: 46px; line-height: 45px; text-align: center; margin: 80px auto 0px; background-color: #f67001; border-radius: 23px; color: #fff;font-size: 1.4rem;}

.index_page_type1.step1.cur .list .item{-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}

@keyframes up_to_down{
	0% { transform: translateY(-30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}

.index_page_type1.step2{margin: 60px 0px 0px;}
.index_page_type1.step2 .item_box{display: flex; justify-content:space-around; align-items:center;}
.index_page_type1.step2 .item_box .left{position: relative;}
.index_page_type1.step2 .item_box .left .po_img{position: absolute;}
.index_page_type1.step2 .item_box .right{}
.index_page_type1.step2 .item_box .right .tit{font-size: 3rem; color: #000; line-height: 40px; }
.index_page_type1.step2 .item_box .right .tit .green{color: #f67001}
.index_page_type1.step2 .item_box .right .list{margin-top: 15px;}
.index_page_type1.step2 .item_box .right .list li{font-size: 20px; line-height: 40px; color: #636363; padding-left: 24px; position: relative;}
.index_page_type1.step2 .item_box .right .list li:before{content: ''; position: absolute; left: 0px; top: 17px; width: 6px; height: 6px; border-radius: 3px; background-color: #f67001;}
.index_page_type1.step2 .item_box .right .desc{font-size: 20px; color: #636363; line-height: 40px; margin-top: 15px;}
.index_page_type1.step2 .item_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 25px; background-color: #f67001; border-radius: 25px; font-size:20px; color: #fff;}

.index_page_type1.step2 .item_box.item1{margin-top: 200px;}
.index_page_type1.step2 .item_box.item1 .left{width: 35.76388%; margin-left:4.51388%;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img1{top: -61px; right: 64px; opacity: 0;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img2{top: 48px; left: 55px; opacity: 0;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img3{bottom: 132px; right: -9px; opacity: 0;}

.index_page_type1.step2 .item_box.item1.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}
.index_page_type1.step2 .item_box.item1.cur .left .po_img.img2{-webkit-animation: type1_step2_up 1s 1s ease-out forwards; animation: type1_step2_up 1s 1s ease-out forwards;}
.index_page_type1.step2 .item_box.item1.cur .left .po_img.img3{-webkit-animation: type1_step2_up 1s 1.5s ease-out forwards; animation: type1_step2_up 1s 1.5s ease-out forwards;}

.index_page_type1.step2 .item_box.item1 .right{width: 38.75%; margin-right: 4.86111%;}
.index_page_type1.step2 .item_box.item2{margin-top: 40px; flex-direction:row-reverse;}
.index_page_type1.step2 .item_box.item2 .left{width: 39.86111%; text-align: right;}
.index_page_type1.step2 .item_box.item2 .left .banner_box{width: 580px; height: 404px; position: absolute; top: 40px; right: 110px; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); opacity: 0;}
.index_page_type1.step2 .item_box.item2 .left .banner_box .main_ul{width: 580px; height: 404px; overflow: hidden;}
.index_page_type1.step2 .item_box.item2 .left .left_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; left: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; left: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; left: calc(35% + 1px); top: calc(50% - 7px);}

.index_page_type1.step2 .item_box.item2 .left .right_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; right: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; right: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; right: calc(35% + 1px); top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list{margin-top: 40px; margin-left: -17px;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul{width: 609px; display: flex; justify-content:space-between;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li{display: inline-block; width: 131px; height: 81px; border:1px solid transparent; border-radius: 5px; overflow: hidden; cursor: pointer; text-align: center;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li img{width: 100%; max-height: unset;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li.swiper-slide-thumb-active{border:1px solid #f67001;}
.index_page_type1.step2 .item_box.item2 .right{width: 31.94444%; margin-left: 8.33333%; }

.index_page_type1.step2 .item_box.item2.cur .left .banner_box{-webkit-animation: type1_step2_up 1s 0s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;}

.index_page_type1.step2 .item_box.item3{margin-top: 326px;}
.index_page_type1.step2 .item_box.item3 .left{width: 30.625%; margin-left: 1.875%;}

.index_page_type1.step2 .item_box.item3 .left .po_img{transition:all .3s; }
.index_page_type1.step2 .item_box.item3 .left .po_img.img0{top:-63px ;left: 93px; opacity:0;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img1{top:50px ;right: -210px; opacity:0;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img2{bottom:63px ;left: 117px; width: 81px; height: 81px; transform: scale(0);}
.index_page_type1.step2 .item_box.item3 .left .po_img.img3{bottom:61px ;left: 224px; width: 70px; height: 70px; transform: scale(0);}
.index_page_type1.step2 .item_box.item3 .left .po_img.img4{bottom:63px ;left: 301px; width: 65px; height: 65px; transform: scale(0);}

.index_page_type1.step2 .item_box.item3.cur .left .po_img.img0{-webkit-animation: type1_step2_up 1s 0s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;} 
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}

.index_page_type1.step2 .item_box.item3.cur .left .po_img.img2{-webkit-animation: type1_step2_img_big 0.5s 1.5s ease-out forwards; animation: type1_step2_img_big 0.5s 1.5s ease-out forwards;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img3{-webkit-animation: type1_step2_img_big 0.5s 2s ease-out forwards; animation: type1_step2_img_big 0.5s 2s ease-out forwards;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img4{-webkit-animation: type1_step2_img_big 0.5s 2.5s ease-out forwards; animation: type1_step2_img_big 0.5s 2.5s ease-out forwards;}

@-webkit-keyframes type1_step2_up {
	0% { transform: translateY(30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes type1_step2_img_big {
	0% {transform: scale(0);}
	50% { transform: scale(1.2);}
	100% { transform: scale(1);}
}
.index_page_type1.step2 .item_box.item4{margin-top: 240px; flex-direction:row-reverse;}
.index_page_type1.step2 .item_box.item4 .left{width:39.86111%; margin-left: 8.33333%;}
.index_page_type1.step2 .item_box.item4 .left .po_img{position: absolute; transition:all .3s; opacity: 0;}
.index_page_type1.step2 .item_box.item4 .left .img3{}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1{position: absolute; left: 50%; bottom: 77px; transform: translateX(-50%);}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list{ margin: 0 0 -5px -7px;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small{ margin-bottom: 0; height: 20px; line-height: 20px;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small .sec{ display: flex; position: absolute; left: 50%; bottom: 30px; margin-left: 4px; height: 20px; line-height: 20px; font-size: 14px; color: #f67001; transform: translateX(-50%);}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small em{ margin-left: 3px; font-style: inherit;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small span{ display: inline; font-size: 14px; color: #f67001;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 span{ font-size: 26px; color: #424242;}
.index_page_type1.step2 .item_box.item4 .left .img4{bottom: 0px; right: 205px;}
.index_page_type1.step2 .item_box.item4 .right{width: 31.94444%; margin-right: 7.56944%;}
.index_page_type1.step2 .cooperation_box{margin-top: 234px; display: flex; justify-content:center; align-items:center;}
.index_page_type1.step2 .cooperation_box .left{width: 41.66667%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index_page_type1.step2 .cooperation_box .left .item{width: 31%; height: 0px; padding-top:60px; margin: 10px 0px; position: relative; }
.index_page_type1.step2 .cooperation_box .left .item img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_page_type1.step2 .cooperation_box .left .item .more{position: absolute; width: 100%; top: 50%; text-align: center;}
.index_page_type1.step2 .cooperation_box .left .item .more span{display: inline-block; width: 7px; height: 7px; background-color: #f67001; border-radius: 3.5px; margin-right: 10px;}
.index_page_type1.step2 .cooperation_box .right{margin-left: 160px;}
.index_page_type1.step2 .cooperation_box .right .tit{font-size: 40px; line-height: 40px; color: #000;}
.index_page_type1.step2 .cooperation_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 50px; background-color: #f67001; border-radius: 25px; font-size:20px; color: #fff;}

.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon0{opacity: 1; top: 20px; right: 11px; -moz-animation: effect2-icon0-anim 4s; -webkit-animation: effect2-icon0-anim 4s; animation: effect2-icon0-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon1{opacity: 1; top: 102px; left: 52px; -moz-animation: effect2-icon1-anim 4s; -webkit-animation: effect2-icon1-anim 4s; animation: effect2-icon1-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon2{opacity: 1; bottom: 17px; left: 25px; -moz-animation: effect2-icon2-anim 4s; -webkit-animation: effect2-icon2-anim 4s; animation: effect2-icon2-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon3{opacity: 1; bottom: 0px; right: 205px; -moz-animation: effect2-icon3-anim 4s; -webkit-animation: effect2-icon3-anim 4s; animation: effect2-icon3-anim 4s;}

.index_page_type1.step3{margin-top: 60px;margin-bottom: 60px;}
.index_page_type1.step3 .main_circle{margin:55px auto 0px;}
.index_page_type1.step3 .main_circle .green_circle{width: 896px; height: 896px; border-radius: 448px; background-color: #f4fbfa; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.index_page_type1.step3 .main_circle .s_circle{width: 774px; height: 774px; border-radius: 388px; border:1px dashed #f67001; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.index_page_type1.step3 .main_circle .list .item{width: 277px; background-color: #fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.08); border-top:1px solid transparent;}
.index_page_type1.step3 .main_circle .list .item .pic_box{margin: 41px auto 0px; text-align: center; width: 75px; height: 0px; padding-top: 75px; position: relative;}
.index_page_type1.step3 .main_circle .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_page_type1.step3 .main_circle .list .item .item_tit{font-size: 16px; color: #000; line-height: 30px; padding-top: 75px; position: relative; text-align: center; padding-bottom: 25px;}
.index_page_type1.step3 .main_circle .list .item .item_tit:before{content: ''; width: 50px; height: 4px; background-color: #f67001; position: absolute; top: 38px; left: calc(50% - 25px); }
.index_page_type1.step3 .main_circle .list .item.box_1{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_2{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_3{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_4{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_5{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_6{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_7{top: 367px; left: 371px;}

.index_page_type1.step3 .main_circle.cur .list .item.box_1{-webkit-animation: box_1_move 1s 1s ease-out forwards; animation: box_1_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_2{-webkit-animation: box_2_move 1s 1s ease-out forwards; animation: box_2_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_3{-webkit-animation: box_3_move 1s 1s ease-out forwards; animation: box_3_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_5{-webkit-animation: box_5_move 1s 1s ease-out forwards; animation: box_5_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_6{-webkit-animation: box_6_move 1s 1s ease-out forwards; animation: box_6_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_7{-webkit-animation: box_7_move 1s 1s ease-out forwards; animation: box_7_move 1s 1s ease-out forwards;}

@keyframes box_1_move{
	0% {top: 367px; left: 371px;}
	100% {top: 46px; left: 371px;}
}

@keyframes box_2_move{
	0% {top: 367px; left: 371px;}
	100% {top: 209px; left: 50px;}
}

@keyframes box_3_move{
	0% {top: 367px; left: 371px;}
	100% {top: 209px; left: 692px;}
}

@keyframes box_5_move{
	0% {top: 367px; left: 371px;}
	100% {top: 531px; left: 50px;}
}

@keyframes box_6_move{
	0% {top: 367px; left: 371px;}
	100% {top: 531px; left: 692px;}
}

@keyframes box_7_move{
	0% {top: 367px; left: 371px;}
	100% {top: 690px; left: 371px;}
}

.index_pro_server{margin: 105px auto 0px; width: 100%; max-width: 1920px; background-repeat: no-repeat; background-position: top center; height: 703px;}
.index_pro_server .m_title{font-size: 50px; line-height: 50px; color: #fff; text-align: center; padding-top: 115px;}
.index_pro_server .list{margin-top: 145px; display: flex;}
.index_pro_server .list .item{width: 16.66667%; height: 264px; display: flex; flex-wrap:wrap; align-items:center; align-content:center; background-color: rgba(55,174,142,0.8);}
.index_pro_server .list .item:nth-child(2n){background-color: rgba(57,209,168,0.8);}
.index_pro_server .list .item .top{width: 100%; font-family: 'Landon'; font-size: 60px; line-height: 60px; color: #fff; text-align: center;}
.index_pro_server .list .item .desc{width: 100%; font-size: 20px; color: #fff; line-height: 20px; margin-top: 25px; text-align: center;}

.index_case_box{width: 100%; max-width: 1920px; margin: 60px auto 0px; position: relative; height: 780px; display: flex; align-items:center; overflow: hidden;}
.index_case_box:before{content: ''; width: 61.5625%; height: 100%; background-color: #fafafa; position: absolute; left: 0px; top: 0px; z-index: -1;}
.index_case_box:after{content: ''; width: 0px; height: 0px;  border-bottom:780px solid #fafafa; border-right: 200px solid transparent; position: absolute; left: 61.5625%; top: 0px; z-index: -1;}
.index_case_box .show_box{display: flex; justify-content:space-between; align-items:flex-start;}
.index_case_box .show_box .left{position: relative; margin-top: 25px;}
.index_case_box .show_box .left .pc_pic{width: 589px; height: 399px; border-radius: 27px; overflow: hidden; box-shadow: 0px 0px 7px rgba(0,0,0,0.08);}
.index_case_box .show_box .left .mb_pic{width: 149px; height: 320px; border:7px solid #303030; border-radius: 22px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.08); position: absolute; right: -60px; bottom: -80px;}

.index_case_box .show_box .right{width:45.13888%; margin-right: 4.79166%; background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); box-sizing:border-box; padding: 65px 40px;}
.index_case_box .show_box .right .tit{font-size: 24px; color: #333333; line-height: 24px;}
.index_case_box .show_box .right .tit .green{font-weight: bold; color: #37ae8e;}
.index_case_box .show_box .right .desc{font-size: 34px; color: #333333; line-height: 54px; padding-left: 37px; padding-top: 65px; position: relative; z-index: 1;}
.index_case_box .show_box .right .desc:before{content: '';  width: 69px; height: 42px; background: url('../images/index/index_case_desc_before.png') no-repeat; position: absolute; top: 45px; left: 0px; z-index: -1;}
.index_case_box .show_box .right .desc .last{display: inline-block; width: 34px; height: 34px; background: url('../images/index/index_case_desc_end.png') no-repeat center center;}
.index_case_box .show_box .right .case_name{margin-top: 25px; margin-left: 37px; font-size: 26px; color: #000000; line-height: 26px; color: #f67001;}
.index_case_box .show_box .right .case_web{margin-top: 10px; margin-left: 37px;}
.index_case_box .show_box .right .case_web a{font-size: 16px; color: #f67001; line-height: 16px; padding-right: 30px; background: url('../images/index/index_case_url_ico.png') no-repeat right center;}

.index_case_box.turn{}
.index_case_box.turn:before{width: 0px; height: 0px;  border-bottom:780px solid #fafafa; border-left: 200px solid transparent; position: absolute; right: 61.5625%; top: 0px; left: unset; background-color: unset;}
.index_case_box.turn:after{ width: 61.5625%; height: 100%; background-color: #fafafa; position: absolute; right: 0px; left: unset; top: 0px; border:0px;}
.index_case_box.turn .show_box{flex-direction:row-reverse;}
.index_case_box.turn .show_box .left .mb_pic{right: unset; left: -60px;}
.index_case_box.turn .show_box .right{margin-right: 0px;}

.index_case_box .left_fade_in{position: relative; left: -600px; opacity: 0;}
.index_case_box .right_fade_in{position: relative; right: -600px; opacity: 0;}

.index_case_box.cur .left_fade_in{-webkit-animation: left_fade 1s 0s ease-out forwards; animation: left_fade 1s 0s ease-out forwards;}
.index_case_box.cur .right_fade_in{-webkit-animation: right_fade 1s 0.5s ease-out forwards; animation: right_fade 1s 0.5s ease-out forwards;}

@keyframes left_fade{
   0% {left: -600px; opacity: 0;}
   100% {left: 0px; opacity: 1;}
}

@keyframes right_fade{
   0% {right: -600px; opacity: 0;}
   100% {right: 0px; opacity: 1;}
}

/* footer */
/*footer*/
#footer{ background:#273037;}
#footer .top{ padding-top:50px; padding-bottom:25px;}
#footer .info{ max-width:350px; margin-left:10px;text-align: right;}
#footer .info .tel{ display: inline-block;font-size:30px; color:#32cab3; font-family:"Arial"; padding-left:40px;}
#footer .info .tel i{ left:0; top:0; width:32px; height:33px; background:url(/image/icons.png) no-repeat; background-position:-43px -37px;}
#footer .info .rows{ font-size:14px; color:#a8adb0; line-height:25px; padding:3px 0;}
#footer .menu dl{ float:left; width:130px; margin-right:20px;}
#footer .menu dl dt{ padding-bottom: 15px;font-size:16px;color: white;}
#footer .menu dl dd{margin-top:10px;}
#footer .menu dl.city dd{width: 33%;float: left;}
#footer .menu dl dd a{ font-size:14px; color:#a8adb0;}
#footer .menu dl dd a:hover{color: #33cbb4;text-decoration: none;}
#footer .qrcode{ margin-top: 25px;margin-right:10px; width:110px;}
#footer .bot{ border-top:1px solid #3a4249; padding-top:22px; padding-bottom:10px; line-height:25px;}
#footer .copyright{ font-size:14px; color:#a8adb0;}
#footer .copyright a{ margin-left:10px; color:#a8adb0;}
#footer .copyright .links{ margin-left:0; font-size:12px;}
#footer .record a{ color:#939393; margin-left:20px; padding-left:25px;}
#footer .record i{ width:18px; height:20px; left:0; top:-2px; background:url(/image/icons.png) no-repeat; background-position:0 -155px;}

#footer .contents .tel{ font-size:16px; color:#fff; background:url(../images/icon_kefu.png) left center no-repeat; padding-left:55px; line-height:27px;}
#footer .contents .tel span{ font-size:22px; color:#f67001; font-family:"Arial";}
#footer .contents .code{ width:90px; height:90px; margin-left:55px; margin-top:15px; opacity:0.8;}
#footer .bottom{ border-top:1px solid #363e45; padding:10px 0; text-align:center;}
#footer .bottom .rows{ line-height:30px;}
#footer .bottom *{ color:#818487; font-size:14px;}

#footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;}
#footer_alert .wrap{ position:relative; height:100%;}
#footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;}
#footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;}
#footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;}
#footer_alert .btn{ width:166px; height:38px; line-height:38px; font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#48bdaa; display:inline-block; text-decoration:none; text-indent:50px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
#footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url(/image/icons.png) no-repeat; background-position:-37px -3px;}
#footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;}
#footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url(/image/icons.png) no-repeat; background-position:-456px -398px;}
/*enroll*/
#footer_alert .enroll_btn{ width:166px; height:38px; line-height:38px; font-size:20px; color:#fff; float:right; margin-right:145px; margin-top:11px; background:#f67001; display:inline-block; text-decoration:none; text-indent:60px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
#footer_alert .enroll_btn i{ width:27px; height:22px; left:22px; top:7px; background:url(/image/icons.png) no-repeat; background-position:-37px -3px;}
#footer_alert .enroll_title_txt{ font-size:24px; color:#555; float:left; line-height:60px; margin-left:40px;}
#footer_alert .enroll_img{ float:left; margin-left:35px;}
#footer_alert .enroll_tips_txt{ float:left; font-size:18px; color:#555; line-height:60px; margin-left:10px;}
.fl {
  float: left;
}
.fr {
  float: right;
}
.wrap {
  margin: 0 auto;
  width: 1200px;
  min-width: 1200px;
}
.clear {
  margin: 0px auto;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.step3 .main_circle .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.step3 .main_circle .list .item{margin-top: 30px;}
@media (max-width:768px){
  .index_page_type1.step3 .main_circle .list .item{width: 48%;}
  .m-ftinfo{width: 90%;}
  .index_page_type1.step1 .list{display: block;margin-top: 2rem;}
  .index_page_type1.step1 .item{width: 100%;padding: 0 10px;margin-bottom: 60px;}
  .index_page_type1.step2 .item_box{display: block;margin-top: 50px;}
  .index_page_type1.step2 .item_box.item2 .right,
  .index_page_type1.step2 .item_box.item4 .left{width: 100%;margin-left: 0;}
  .index_page_type1.step2 .item_box.item4 .right{width: 100%;margin-right: 0;}
  .index_page_type1.step2 .item_box.item2 .left{width: 100%;}
  #footer .top .fr{display: none;}
  #footer .wrap{min-width: 100%;width: 100%;}
  .mofl{float: none!important;}
  #footer .contents .tel{text-align: center;padding-left: 0;}
  #footer .contents .code{margin: 15px auto;}
  #footer .top .links{padding: 0 16px;}
  .index_page_type1.step2 .item_box.item2{display: none;}
  .wrap {
    width: 100%;
    margin: 0px auto;
    min-width: unset;
  }
  .mshowbox .list {
    margin-top: 32px;
    width: 100%;
  }
  .mshowbox .list .item:first-child {
    margin-top: 0;
  }
  .mshowbox .list .item {
      margin-top: 40px;
      padding: 0 3vw;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  .mshowbox .list .item .img {
    margin: 0 auto;
    width: 100%;
    /* width: 80%; */
  }
  .mshowbox .list .item .con {
    margin-top: 32px;
    width: 100%;
  }
  .mshowbox .list .item .con .title {
    display: block;
    position: relative;
    padding-bottom: 17px;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .mshowbox .list .item .con .title:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 2px;
    background: #f67001;
    transform: translateX(-50%);
  }
  .mshowbox .list .item .con .brief {
    margin-top: 15px;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .mshowbox .list .item .con .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5.3333vw 0 0;
    padding-right: 20px;
    font-size: 4.2667vw;
    color: #f67001;
    text-decoration: none;
    border-radius: 8px;
  }
  .mshowbox .list .item .con .btn img {
    margin-left: 10px;
  }
  .index_page_type1.step2 .item_box.item4{display: none;}
}
.mshowbox{display: none;}
@media (max-width:768px){.mshowbox{display: block;}}