@charset "UTF-8";

/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin:0; padding:0;}
fieldset, img {border:none;}
* {box-sizing: border-box;transition: all .3s;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
ul, ol {list-style:none;}
input {padding-top:0; padding-bottom:0; font-family:"微软雅黑","Microsoft Yahei","宋体";}
input::-moz-focus-inner {border:none; padding:0;}
select, input {vertical-align:middle;}
select, input, textarea {font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea {outline-style:none; -webkit-appearance:none;}
textarea {resize:none;}
table {border-collapse:collapse;}
body{background:#fcfcfc; font:12px/20px "微软雅黑","Microsoft Yahei","宋体","Arial"; color:#333;min-width: 1440px;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix {zoom:1;}
.clear {clear:both; height:0; font-size:0; overflow:hidden;}
a {color:#333; text-decoration:none;cursor: pointer;}
a:hover{color:#005EEC;text-decoration:none;}
a * {cursor: pointer;}
.search ::-webkit-input-placeholder {font-size: 14px;color: #CCCCCC;}
.search :-ms-input-placeholder {font-size: 14px;color: #CCCCCC;}
.search ::placeholder {font-size: 14px;color: #CCCCCC;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@-webkit-keyframes scroll { 0% {transform: translateX(0);} 100% {transform: translateX(-50%);} }
@-moz-keyframes scroll { 0% {transform: translateX(0);} 100% {transform: translateX(-50%);} }
@keyframes scroll { 0% {transform: translateX(0);} 100% {transform: translateX(-50%);} }
@-o-keyframes scroll { 0% {transform: translateX(0);} 100% {transform: translateX(-50%);} }
/* element-entrance */
.element-entrance-1 {-webkit-transition: 1s;transition: 1s;}
.element-entrance-1.ee-out {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);}
.element-entrance-1.ee-enter {opacity: 1;-webkit-transform: translate(0);transform: translate(0);}
.element-entrance-11 {-webkit-transition: 1s 0.3s;transition: 1s 0.1s;}
.element-entrance-11.ee-out {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);}
.element-entrance-11.ee-enter {opacity: 1;-webkit-transform: translate(0);transform: translate(0);}

/* 移除Chrome, Safari, Opera中的箭头 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.container {width: 1200px;margin: 0 auto;position: relative;}
.head {border-bottom: 1px solid #eaebeb;font-size: 0;background: rgba(255,255,255,1);text-align: center;position: fixed;top: 0;left: 0;width: 100%;z-index: 3;min-width: 1400px;}
.head .logo {display: inline-block;vertical-align: top;padding: 22px 36px;float: left;}
.head .logo img {height: 44px;display: inline-block;vertical-align: top;}
.head .right {float: right;text-align: left;}
.head .right .chat {padding: 19px 32px;display: inline-block;vertical-align: top;}
.head .right img {height: 32px;margin-right: 12px;margin-top: 8px;}
.head .right p {display: inline-block;vertical-align: top;}
.head .right span {font-size: 14px;color: #999;line-height: 20px;display: block;}
.head .right i {font-weight: bold;font-style: normal;line-height: 28px;font-size: 20px;color: #111;display: block;}
.head .right a {display: inline-block;vertical-align: top;height: 88px;font-size: 18px;color: #fff;background: #005EEC;line-height: 88px;padding: 0 32px;}
.head .nav {display: inline-block;}
.head .nav .link {font-size: 16px;color: #111;line-height: 88px;display: inline-block;vertical-align: top;margin: 0 16px;position: relative;}
.head .nav .link:hover {color: #005EEC;}
.head .nav .link.active {font-weight: bold;}
.head .nav .link:hover:after, .head .nav .link.active:after {content: '';position: absolute;bottom: 0;width: 100%;left: 0;height: 4px;background: #005EEC;}
.head .nav .has-more > a {display: block;line-height: 88px;}
.head .nav .more {position: absolute;top: 88px;display: none;}
.head .nav .has-more:hover .more {display: block;}
.head .nav .more.product {left: -207px;background: url("../images/nav/nav-bg1.png") center no-repeat;background-size: cover;padding: 24px 16px;width: 788px;font-size: 0;text-align: left;}
.more.product h3 {line-height: 1;}
.more.product h3 a i, .more.product h4 a i  {float: right;color: #005EEC;line-height: 36px;}
.more.product h3 a, .more.product h4 a  {font-size: 18px;line-height: 36px;color: #111;font-weight: bold;padding-left: 4px;display: block;}
.more.product h4 a {font-size: 16px;line-height: 32px;}
.more.product h4 a i {line-height: 32px;}
.more.product .half {display: inline-block;vertical-align: top;margin: 0 16px;}
.more.product .half:first-child {cursor: pointer;}
.more.product .half:first-child .half-wrap:hover {background: #005EEC;}
.more.product .half:first-child .half-wrap:hover h4, .more.product .half:first-child .half-wrap:hover a {color: #fff;}
.more.product .half + .half {width: 372px;}
.more.product .half-wrap {display: block;background: #fff;border-radius: 8px;padding: 12px 20px;line-height: 1;width: 320px;}
.more.product .half-wrap + .half-wrap {margin-top: 12px;}
.more.product h4 {font-size: 16px;line-height: 32px;overflow: hidden;}
.more.product a {font-size: 14px;color: #999;line-height: 32px;display: inline-block;font-weight: normal;vertical-align: top;}
.more.product a + a {margin-left: 16px;}
.more.product .quarter-wrap {display: inline-block;background: #fff;border-radius: 8px;padding: 12px 18px 12px 20px;line-height: 1;width: 180px;}
.more.product .quarter-wrap:nth-child(2n-1) {margin-left: 12px;}
.more.product .quarter-wrap:nth-child(4), .more.product .quarter-wrap:nth-child(5) {margin-top: 12px;}
.more.contact {background: #fff;text-align: center;right: 0;box-shadow: 0 0 12px rgba(0,0,0,.08);padding: 18px 20px;min-width: 147px;}
.more.contact a {display: block;font-size: 15px;line-height: 36px;margin: 2px 0;font-weight: normal;border: 1px solid transparent;}
.more.contact a:hover {color: #005EEC;border: 1px dotted #005EEC;}
.more.platform {background: url("../images/nav/nav-bg2.png") center no-repeat;background-size: cover;padding: 24px 32px 16px 32px;line-height: 1;left: -245px;text-align: left;top: 83px !important;}
.more.platform .search {position: relative;margin-bottom: 14px;}
.more.platform input {background: #fff;border: 0;border-radius: 18px;height: 36px;padding: 0 50px 0 18px;font-size: 14px;width: 744px;}
.more.platform .search i {color: #005EEC;position: absolute;top: 0;line-height: 36px;height: 36px;right: 20px;}
.more.platform h3 {margin-top: 16px;font-size: 18px;line-height: 36px;color: #111;}
.more.platform .platforms {font-size: 0;}
.more.platform .platforms a {display: inline-block;vertical-align: top;padding: 16px 20px;background: #fff;border-radius: 8px;}
.more.platform .platforms a + a {margin-left: 12px;}
.more.platform .platforms a img {width: 28px;}
.more.platform .platforms a span {display: inline-block;vertical-align: top;line-height: 28px;font-size: 17px;font-weight: bold;margin-left: 8px;margin-right: 15px;color: #111;}
.more.platform .platforms a i {float: right;line-height: 28px;color: #005EEC;font-size: 18px;width: 18px;}
.more.platform .company {font-size: 0;}
.more.platform .company .each {background: #fff;border-radius: 8px;padding: 8px 16px;display: inline-block;margin-bottom: 8px;position: relative;cursor: pointer;}
.more.platform .company .each:nth-child(2n) {margin-left: 12px;}
.more.platform .company img {height: 32px;display: inline-block;vertical-align: top;}
.more.platform .company span {line-height: 32px;display: inline-block;vertical-align: top;font-size: 15px;color: #111;width: 294px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;margin-left: 8px;}
.more.platform .company i {position: absolute;right: 10px;top: 16px;font-size: 16px;}
.more.platform .company .each:hover {background: #005EEC;color: #fff;}
.more.platform .company .each:hover span, .more.platform .company .each:hover i {color: #fff;background: transparent;}

/* slider */
.bannerSwiper {width: 100%;height: 720px;}
.swiper-slide {height: 100%; width: 360px;}
.swiper-slide.s1 {background: url("../images/slide/banner1.png") center center no-repeat;background-size: cover;}
.swiper-slide.s2 {background: url("../images/slide/banner2.png") center center no-repeat;background-size: cover;}
.swiper-slide.s3 {background: url("../images/slide/banner3.png") center center no-repeat;background-size: cover;}
.bannerSwiper .s1 .left {position: absolute;left: -100%;top: 154px;transition: all .5s;}
.bannerSwiper .s1.swiper-slide-active .left {left: 0;top: 154px;}
.bannerSwiper .s1 .left img {height: 244px;display: block;}
.bannerSwiper .left a {display: inline-block;margin-top: 48px;height: 60px;line-height: 60px;font-size: 20px;color: #fff;background: #005EEC;padding: 0 50px;position: relative;}
.bannerSwiper .left a:after {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #044cb8;}
.bannerSwiper .left a span {position: relative;z-index: 2;}
.bannerSwiper .left p {padding-top: 28px;font-size: 25px;}
/*.bannerSwiper .left a:hover:after {width: 100%;}*/
.bannerSwiper .s1 .right {position: absolute;right: -50px;top: 100px;text-align: right;height: 460px;width: 600px;}
.bannerSwiper .s1 .right h3 {font-size: 20px;line-height: 32px;color: #000;font-weight: bold;position: absolute;top: 40px;right: 56px;width: 100%;cursor: default;}
.bannerSwiper .s1 .right p {background: #fff;background: linear-gradient(to right, rgba(255,255,255,.5), transparent);background: -webkit-linear-gradient(to right, rgba(255,255,255,.5), transparent);background: -o-linear-gradient(to right, rgba(255,255,255,.5), transparent);background: -moz-linear-gradient(to right, rgba(255,255,255,.5), transparent);border-radius: 24px;line-height: 32px;padding: 8px 24px;margin-bottom: 8px;font-size: 14px;position: absolute;transition: all .5s;right: -200%;cursor: default;}
.bannerSwiper .s1 .right .t1 {transition-delay: .1s;top: 92px;}
.bannerSwiper .s1 .right .t2 {transition-delay: .2s;top: 148px;}
.bannerSwiper .s1 .right .t3 {transition-delay: .3s;top: 204px;}
.bannerSwiper .s1 .right .t4 {transition-delay: .4s;top: 260px;}
.bannerSwiper .s1 .right .t5 {transition-delay: .5s;top: 316px;}
.bannerSwiper .s1 .right .t6 {transition-delay: .6s;top: 372px;}
.bannerSwiper .s1.swiper-slide-active .right p {right: 32px;}
.bannerSwiper .s1 .right img {width: 18px;display: inline-block;vertical-align: top;margin-top: 7px;margin-right: 10px;}
.bannerSwiper .s2 .left {position: absolute;left: -100%;top: 190px;width: 576px;transition: all .5s;}
.bannerSwiper .s2.swiper-slide-active .left {left: 0;top: 190px;}
.bannerSwiper .left .tag {display: inline-block;font-size: 18px;line-height: 42px;color: #005EEC;padding: 0 16px;border: 1px solid #005EEC;font-style: normal;margin-bottom: 20px;cursor: default;}
.bannerSwiper .left h3 {font-size: 48px;line-height: 64px;color: #111;cursor: default;}
.bannerSwiper .s2 .right {width: 600px;height: 460px;position: absolute;top: 100px;right: -42px;}
.bannerSwiper .s2 .right span {position: absolute;cursor: pointer;height: 130px;transition: all .5s;right: -200%;}
.bannerSwiper .s2 .right img {width: 90px;}
.bannerSwiper .s2 .right .c1 {top: 165px;transition-delay: .1s;}
.bannerSwiper .s2 .right .c2 {top: 59px;transition-delay: .2s;}
.bannerSwiper .s2 .right .c3 {top: 165px;transition-delay: .25s;}
.bannerSwiper .s2 .right .c4 {top: 271px;transition-delay: .3s;}
.bannerSwiper .s2 .right .c5 {top: 6px;transition-delay: .4s;}
.bannerSwiper .s2 .right .c6 {top: 112px;transition-delay: .45s;}
.bannerSwiper .s2 .right .c7 {top: 220px;transition-delay: .5s;}
.bannerSwiper .s2 .right .c8 {top: 326px;transition-delay: .55s;}
.bannerSwiper .s2 .right .c9 {top: 59px;transition-delay: .6s;}
.bannerSwiper .s2 .right .c10 {top: 165px;transition-delay: .65s;}
.bannerSwiper .s2 .right .c11 {top: 271px;transition-delay: .7s;}
.bannerSwiper .s2 .right .c12 {top: 165px;transition-delay: .8s;}
.bannerSwiper .s2.swiper-slide-active .c1 {right: 467px;}
.bannerSwiper .s2.swiper-slide-active .c2 {right: 361px;}
.bannerSwiper .s2.swiper-slide-active .c3 {right: 361px;}
.bannerSwiper .s2.swiper-slide-active .c4 {right: 361px;}
.bannerSwiper .s2.swiper-slide-active .c5 {right: 255px;}
.bannerSwiper .s2.swiper-slide-active .c6 {right: 255px;}
.bannerSwiper .s2.swiper-slide-active .c7 {right: 255px;}
.bannerSwiper .s2.swiper-slide-active .c8 {right: 255px;}
.bannerSwiper .s2.swiper-slide-active .c9 {right: 149px;}
.bannerSwiper .s2.swiper-slide-active .c10 {right: 149px;}
.bannerSwiper .s2.swiper-slide-active .c11 {right: 149px;}
.bannerSwiper .s2.swiper-slide-active .c12 {right: 43px;}
.bannerSwiper .s2 i {position: absolute;font-size: 16px;line-height: 22px;color: #fff;padding: 9px 20px;border-radius: 20px;background: rgba(0,0,0,.5);font-style: normal;z-index: 2;top: 0;left: 50%;white-space: nowrap;transform: translateX(-50%);opacity: 0;text-align: center;}
.bannerSwiper .s2 span:hover img {transform: scale(1.1);}
/* .bannerSwiper .s2 span:hover i {opacity: 1;} */
.bannerSwiper .s3 .left {position: absolute;top: 212px;left: -100%;width: 530px;transition: all .5s;}
.bannerSwiper .s3.swiper-slide-active .left {left: 0;top: 212px;}
.bannerSwiper .s3 .right {position: absolute;top: 100px;right: -12px;width: 530px;}
.bannerSwiper .s3 .right img {position: absolute;width: 180px;transition: all .5s;right: -200%;}
.bannerSwiper .s3 .right .r1 {transition-delay: .1s;top: 74px;}
.bannerSwiper .s3 .right .r2 {transition-delay: .2s;top: 182px;}
.bannerSwiper .s3 .right .r3 {transition-delay: .3s;top: 290px;}
.bannerSwiper .s3 .right .r4 {transition-delay: .4s;top: 74px;}
.bannerSwiper .s3 .right .r5 {transition-delay: .5s;top: 182px;}
.bannerSwiper .s3 .right .r6 {transition-delay: .6s;top: 290px;}
.bannerSwiper .s3 .right .r7 {transition-delay: .7s;top: 74px;}
.bannerSwiper .s3 .right .r8 {transition-delay: .8s;top: 182px;}
.bannerSwiper .s3 .right .r9 {transition-delay: .9s;top: 290px;}
.bannerSwiper .s3.swiper-slide-active .r1 {right: 406px;}
.bannerSwiper .s3.swiper-slide-active .r2 {right: 406px;}
.bannerSwiper .s3.swiper-slide-active .r3 {right: 406px;}
.bannerSwiper .s3.swiper-slide-active .r4 {right: 210px;}
.bannerSwiper .s3.swiper-slide-active .r5 {right: 210px;}
.bannerSwiper .s3.swiper-slide-active .r6 {right: 210px;}
.bannerSwiper .s3.swiper-slide-active .r7 {right: 14px;}
.bannerSwiper .s3.swiper-slide-active .r8 {right: 14px;}
.bannerSwiper .s3.swiper-slide-active .r9 {right: 14px;}
.bannerSwiper .swiper-page {position: absolute;bottom: 120px;left: 0;text-align: center;width: 100%;z-index: 2;}
.bannerSwiper .swiper-page span {cursor: pointer;font-size: 15px;color: #111;line-height: 32px;padding-bottom: 8px;border-bottom: 2px solid rgba(0,0,0,.1);display: inline-block;vertical-align: top;margin: 0 8px;font-weight:550}
.bannerSwiper .swiper-page span.active {border-bottom-color: #000;}

/*.wrap1 {background: #fff;}*/
.wrap1 .container {height: 440px;padding-top: 210px;}
.wrap1 .top {width: 100%;font-size: 0;}
.wrap1 .top .number {background: #fff;padding: 35px 27px;font-size: 0;border-radius: 12px;background: linear-gradient(to bottom, #ECF5FF, #fff);background: -webkit-linear-gradient(to bottom, #ECF5FF, #fff);background: -o-linear-gradient(to bottom, #ECF5FF, #fff);background: -moz-linear-gradient(to bottom, #ECF5FF, #fff);border: 1px solid #fff;display: inline-block;vertical-align: top;box-shadow: 0 0 12px rgba(28,70,6,.06);}
.wrap1 .top .number p {display: inline-block;width: 184px;text-align: center;vertical-align: top;cursor: default;}
.wrap1 .top .number i {line-height: 36px;font-size: 24px;font-weight: bold;font-style: normal;display: block;}
.wrap1 .top .number span {display: block;line-height: 24px;font-size: 14px;}
.wrap1 .top .number img {display: block;height: 72px;margin: 0 auto;}
.wrap1 .top .role {display: inline-block;vertical-align: top;margin-left: 22px;}
.wrap1 .top .role a {display: inline-block;vertical-align: top;height: 108px;width: 180px;padding: 18px 24px;color: #fff;position: relative;border-radius: 12px;box-shadow: 0 0 12px rgba(0, 28, 70,.06);}
.wrap1 .top .role a + a {margin-left: 24px;}
.wrap1 .top .role .r1 {background: url("../images/index/role1.png") right bottom;background-size: cover;}
.wrap1 .top .role .r2 {background: url("../images/index/role2.png") right bottom;background-size: cover;}
.wrap1 .top .role .r3 {background: url("../images/index/role3.png") right bottom;background-size: cover;width: 384px;height: 80px;margin: 16px 0 0 0;display: block;padding: 26px 24px;}
.wrap1 .top .role .am {font-size: 14px;line-height: 20px;margin-bottom: 8px;display: block;}
.wrap1 .top .role span i {font-size: 22px;position: absolute;left: 0;top: 0;transition: all .2s;line-height: 26px;}
.wrap1 .top .role .name {font-size: 20px;line-height: 28px;position: relative;padding-left: 30px;}
.wrap1 .top .role .arrow {margin-left: 12px;font-size: 20px;}
.wrap1 .top .role a:hover span i {transform: scale(1.1);}
.wrap1 .cards {position: absolute;top: -60px;width: 100%;left: 0;z-index: 2;}
.wrap1 .cards .each {float: left;width: 384px;position: relative;height: 220px;}
.wrap1 .cards .each + .each {margin-left: 24px;}
.wrap1 .cards .each .frontSide {background: #EAF3FF;background: linear-gradient(to bottom, #EAF3FF, #fff);background: -webkit-linear-gradient(to bottom, #EAF3FF, #fff);background: -o-linear-gradient(to bottom, #EAF3FF, #fff);background: -moz-linear-gradient(to bottom, #EAF3FF, #fff);border-radius: 12px;text-align: center;height: 100%;}
.wrap1 .cards .each .frontSide img {height: 160px;margin-top: 4px;}
.wrap1 .cards .each .frontSide p {font-size: 20px;line-height: 40px;color: #111;}
.wrap1 .cards .innerCard {position: relative;transition: transform 0.8s;transform-style: preserve-3d;cursor: pointer;height: 100%;}
.wrap1 .backSide {transform: rotateY(180deg);}
.wrap1 .each:hover .innerCard {transform: rotateY(180deg);}
.wrap1 .frontSide,.wrap1 .backSide {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
.wrap1 .frontSide::before,
.wrap1 .backSide::before {top: 50%;left: 50%;transform: translate(-50%, -50%);content: '';width: 110%;height: 110%;position: absolute;z-index: -1;border-radius: 1em;filter: blur(20px);animation: animate 5s linear infinite;}
.wrap1 .backSide {box-shadow: 0 0 32px rgba(0,94,236,.24);border-radius: 12px;background: url("../images/index/card-active.png") center center no-repeat;background-size: cover;color: #fff;padding: 38px 32px;text-align: center;}
.wrap1 .backSide h4 {font-size: 20px;line-height: 40px;margin-bottom: 8px;}
.wrap1 .backSide p {font-size: 14px;line-height: 24px;font-weight: 300;}
@keyframes animate { 0% {opacity: 0.3;} 80% {opacity: 1;} 100% {opacity: 0.3;} }
@-o-keyframes animate { 0% {opacity: 0.3;} 80% {opacity: 1;} 100% {opacity: 0.3;} }
@-webkit-keyframes animate { 0% {opacity: 0.3;} 80% {opacity: 1;} 100% {opacity: 0.3;} }
@-moz-keyframes animate { 0% {opacity: 0.3;} 80% {opacity: 1;} 100% {opacity: 0.3;} }

.wrap2 {background: url("../images/index/bg2.png") center center no-repeat;background-size: cover;padding: 48px 0;}
/* .wrap2 {padding: 48px 0;} */
.top-title {color: #111;text-align: center;}
.top-title h3 {font-size: 30px;line-height: 48px;font-weight: bold;width: 760px;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: default;}
.top-title p {font-size: 18px;line-height: 32px;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: default;font-weight: 450;letter-spacing: 1px;}
.wrap2 .tag {margin: 20px 0;text-align: center;cursor: default;}
.wrap2 .tag span {background: #005EEC;display: inline-block;color: #fff;height: 48px;padding: 10px 36px;border-radius: 26px;font-size: 18px;line-height: 28px}
.wrap2 .service-list {font-size: 0;}
.wrap2 .service-list .each {width: 588px;height: 188px;background: #fff;display: inline-block;vertical-align: top;padding: 24px 32px;border-radius: 12px;cursor: default;}
.wrap2 .service-list .each:nth-child(2n) {margin-left: 24px;}
.wrap2 .service-list .each:nth-child(1), .wrap2 .service-list .each:nth-child(2) {margin-bottom: 24px;}
.wrap2 .service-list .each img {display: inline-block;vertical-align: top;margin-right: 20px;width: 140px;}
.wrap2 .service-list .each .right {display: inline-block;vertical-align: top;width: 364px;}
.wrap2 .service-list .each h4 {font-size: 22px;line-height: 32px;font-weight: 600;color: #111;margin-bottom: 12px;}
.wrap2 .service-list .each p {font-size: 14px;line-height: 24px;font-weight: 400;color: #18191a;letter-spacing: 0.5px;}
.wrap2 .add-list {margin-bottom: 20px;font-size: 0;}
.wrap2 .add-list .each {width: 282px;height: 360px;display: inline-block;vertical-align: top;background: rgba(255,255,255,.9);border-radius: 12px;padding: 16px 36px;text-align: center;cursor: default;}
.wrap2 .add-list .each + .each {margin-left: 24px;}
.wrap2 .add-list .each img {display: inline-block;vertical-align: top;width: 140px;}
.wrap2 .add-list .each h4 {font-size: 22px;line-height: 32px;color: #111;margin-bottom: 16px;}
.wrap2 .add-list .each p {font-size: 14px;line-height: 24px;color: #18191a;font-weight: 400;letter-spacing: 0.5px;}
.wrap2 .more {text-align: center;cursor: default;}
.wrap2 .more span {border: 1px dotted #D7D8D9;border-radius: 24px;display: inline-block;vertical-align: top;font-size: 15px;color: #222;line-height: 24px;padding: 12px 32px;}
.wrap2 .more a {font-weight: bold;text-decoration: underline;}

.wrap3 {padding: 60px 0;}
.wrap3 .adv1 {font-size: 0;margin-top: 12px;}
.wrap3 .adv2 {font-size: 0;text-align: center;}
.wrap3 .each {height: 308px;width: 384px;display: inline-block;vertical-align: top;margin: 12px 0;padding: 32px;text-align: left;cursor: default;}
.wrap3 .each + .each {margin-left: 12px;}
.wrap3 .each.e1 {background: url("../images/index/adv1.png") center no-repeat;background-size: cover;}
.wrap3 .each.e2 {background: url("../images/index/adv2.png") center no-repeat;background-size: cover;}
.wrap3 .each.e3 {background: url("../images/index/adv3.png") center no-repeat;background-size: cover;}
.wrap3 .each.e4 {background: url("../images/index/adv4.png") center no-repeat;background-size: cover;}
.wrap3 .each.e5 {background: url("../images/index/adv5.png") center no-repeat;background-size: cover;}
.wrap3 .each i {font-size: 40px;display: block;color: #005EEC;margin-bottom: 22px;}
.wrap3 .e1 i {color: #005EEC;}
.wrap3 .e2 i {color: #00BB83;}
.wrap3 .e3 i {color: #00CAE6;}
.wrap3 .e4 i {color: #FF6600;}
.wrap3 .e5 i {color: #7856FF;}
.wrap3 .each h4 {font-size: 22px;font-weight: 600;line-height: 32px;}
.wrap3 .each p {font-size: 20px;font-weight: 400;line-height: 32px;}
.wrap3 .each span {display: block;margin-top: 16px;font-size: 14px;line-height: 24px;color: #18191a;font-weight: 400;letter-spacing: 0.5px;}

.wrap4 {background: url("../images/index/bg4.png") center center no-repeat;background-size: cover;padding: 48px 0;}
.wrap4 .tabs {text-align: center;margin: 20px 0;}
.wrap4 .tabs span {cursor: pointer;font-size: 18px;line-height: 36px;color: #222;display: inline-block;vertical-align: top;padding: 8px 36px;background: #fff;border-radius: 30px;margin: 0 10px;}
.wrap4 .tabs span.active {cursor: default;background: #005EEC;color: #fff;}
.wrap4 .filter {background: #fff;position: relative;border-radius: 12px;margin-bottom: 20px;padding: 20px 24px;}
.wrap4 .filter .show {height: 72px;overflow: hidden;}
.wrap4 .filter .up {display: none;}
.wrap4 .filter .down {display: block;}
.wrap4 .filter.visible .show {height: auto;overflow: visible;}
.wrap4 .filter.visible .up {display: block;}
.wrap4 .filter.visible .down {display: none;}
.wrap4 .filter .list {margin-bottom: 8px;}
.wrap4 .filter p {display: inline-block;vertical-align: top;width: 86px;font-weight: bold;margin-right: 20px;font-size: 0;}
.wrap4 .filter p i {font-size: 16px;color: #005EEC;margin-right: 5px;display: inline-block;vertical-align: middle;}
.wrap4 .filter p span {font-size: 14px;line-height: 32px;display: inline-block;vertical-align: middle;}
.wrap4 .filter .tags {display: inline-block;width: 1000px;}
.wrap4 .filter .tags span {display: inline-block;vertical-align: top;font-size: 14px;color: #111;line-height: 26px;border: 1px solid transparent;padding: 0 12px;margin: 2px;cursor: pointer;}
.wrap4 .filter .tags span.active {color: #005EEC;border-color: #005EEC;}
.wrap4 .filter .more {position: absolute;right: 24px;bottom: 22px;font-size: 14px;line-height: 28px;color: #005EEC;cursor: pointer;}
.wrap4 .notice-list {background: #fff;border-radius: 12px;padding: 20px;}
.wrap4 .notice-list .name {display: inline-block;vertical-align: top;width: 836px;margin-right: 12px;}
.wrap4 .notice-list .status {display: inline-block;vertical-align: top;width: 150px;margin-right: 12px;}
.wrap4 .notice-list .area {display: inline-block;vertical-align: top;width: 160px;margin-right: 12px;}
.wrap4 .notice-list .date {display: inline-block;vertical-align: top;width: 140px;}
.wrap4 .notice-list .title {font-size: 0;margin-bottom: 12px;}
.wrap4 .notice-list .title span {background: #F7F8F9;line-height: 28px;font-size: 15px;color: #111;font-weight: 500;padding: 4px 12px;}
.wrap4 .notice-list .list a:hover {background: #F7F8F9;display: block;}
.wrap4 .notice-list .list a {font-size: 0;}
.wrap4 .notice-list .list a > span {padding: 8px 12px;}
.wrap4 .notice-list .list .name {padding: 8px 12px;}
.wrap4 .notice-list .list .name i {font-size: 13px;color: #005EEC;border: 1px dotted #005EEC;min-width: 94px;line-height: 26px;display: inline-block;vertical-align: top;font-style: normal;text-align: center;margin-right: 12px;}
.wrap4 .notice-list .list .name span {display: inline-block;line-height: 28px;color: #111;font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 540px;vertical-align: top;}
.wrap4 .notice-list .list .status i {color: #666;font-size: 13px;line-height: 26px;background: #F7F8F9;border: 1px solid #E7E8E9;padding: 0 16px;display: inline-block;font-style: normal;}
.wrap4 .notice-list .list .status.active i {color: #fff;background: #00C98D;border-color: #00C98D;}
.wrap4 .notice-list .list .area span {font-size: 13px;line-height: 28px;display: inline-block;vertical-align: top;color: #111;}
.wrap4 .notice-list .list .area i {font-size: 13px;line-height: 28px;display: inline-block;vertical-align: top;margin-right: 4px;color: #999;}
.wrap4 .notice-list .list .date {font-size: 14px;line-height: 28px;color: #111;}
.wrap4 .notice-list .more {display: block;margin-top: 12px;background: #F7F8F9;text-align: center;font-size: 14px;line-height: 28px;color: #005EEC;padding: 4px 0;}
.wrap4 .notice-list .more i {display: inline-block;vertical-align: top;cursor: pointer;}
.wrap4 .notice-list .more span {display: inline-block;line-height: 28px;vertical-align: top;}
.wrap4 .notice-list .more:hover i {transform: translateX(5px)}
.wrap4 .content {display: none;}
.wrap4 .content:first-child {display: block;}

.wrap5 {background: url("../images/index/bg5.png") center center no-repeat;background-size: cover;padding: 48px 0;}
.wrap5 .tag {margin: 20px 0;text-align: center;cursor: default;}
.wrap5 .tag span {background: #005EEC;display: inline-block;color: #fff;height: 48px;padding: 10px 36px;border-radius: 26px;font-size: 18px;line-height: 28px}
.wrap5 .areasSwiper {font-size: 0;}
.wrap5 .areasSwiper .each {height: 288px;width: 285px;display: inline-block;vertical-align: top;padding: 20px 12px 12px 12px;text-align: center;border-radius: 12px;cursor: pointer;}
.wrap5 .areasSwiper .each.e1 {background: url("../images/index/area1.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e2 {background: url("../images/index/area2.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e3 {background: url("../images/index/area3.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e4 {background: url("../images/index/area4.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each + .each {margin-left: 20px;}
.wrap5 .areasSwiper .each h4 {font-size: 24px;line-height: 32px;margin-bottom: 12px;color: #222;font-weight: 550;cursor: pointer;}
.wrap5 .areasSwiper .each > p {font-size: 14px;line-height: 20px;color: #18191a;margin-bottom: 20px;padding: 0 24px;cursor: pointer;}
.wrap5 .areasSwiper .each .person {background: #fff;border-radius: 8px;padding: 20px 24px;transition: all .5s;cursor: pointer;}
.wrap5 .areasSwiper .each .info {font-size: 0;text-align: left;margin-bottom: 20px;}
.wrap5 .areasSwiper .each .info i {display: inline-block;vertical-align: top;font-size: 16px;color: #5F6B7D;width: 40px;height: 40px;border: 1px solid #E7E8E9;border-radius: 50%;line-height: 38px;margin-right: 12px;text-align: center;}
.wrap5 .areasSwiper .each .info p {display: inline-block;vertical-align: top;max-width: 150px;}
.wrap5 .areasSwiper .each .info p span {font-size: 15px;line-height: 20px;display: block;color: #222;}
.wrap5 .areasSwiper .each a {color: #222;font-size: 16px;line-height: 32px;border: 1px solid #E7E8E9;padding: 4px;display: block;border-radius: 24px;}
.wrap5 .areasSwiper .each.e1:hover {background: url("../images/index/area1-1.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e2:hover {background: url("../images/index/area2-1.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e3:hover {background: url("../images/index/area3-1.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each.e4:hover {background: url("../images/index/area4-1.png") center no-repeat;background-size: cover;}
.wrap5 .areasSwiper .each:hover h4,.wrap5 .areasSwiper .each:hover p {color: #fff;}
.wrap5 .areasSwiper .each:hover .person {background: #fff;background: linear-gradient(to bottom, rgba(255,255,255,.8), #fff);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,.8), #fff);background: -o-linear-gradient(to bottom, rgba(255,255,255,.8), #fff);background: -moz-linear-gradient(to bottom, rgba(255,255,255,.8), #fff);}
.wrap5 .areasSwiper .each:hover .person i {color: #005EEC;border: 1px dashed rgba(0,94,236,.2);}
.wrap5 .areasSwiper .each:hover a {color: #005EEC;border: 1px dashed #005EEC;}
.wrap5 .areasSwiper {padding-bottom: 52px;}
.wrap5 .platformSwiper {padding-bottom: 52px;}
.wrap5 .platformSwiper .swiper-slide {font-size: 0;}
.wrap5 .platformSwiper .swiper-slide .each {display: inline-block;vertical-align: top;width: 285px;height: 96px;background: #F0F6FF;border-radius: 12px;margin: 8px 20px 8px 0;padding: 16px;cursor: pointer;}
.wrap5 .platformSwiper .swiper-slide .each:nth-child(4n) {margin-right: 0;}
.wrap5 .platformSwiper .swiper-slide .each img {width: 64px;margin-right: 16px;display: inline-block;vertical-align: top;}
.wrap5 .platformSwiper .swiper-slide .each > div {display: inline-block;vertical-align: top;width: 173px;}
.wrap5 .platformSwiper .swiper-slide .each p {font-size: 18px;line-height: 32px;color: #111;font-weight: 550;padding: 2px;}
.wrap5 .platformSwiper .swiper-slide .each span {display: block;color: #18191a;font-size: 14px;line-height: 24px;font-weight: 400;padding: 2.5px;}
.wrap5 .platformSwiper .swiper-slide .each:hover {background: #005EEC;}
.wrap5 .platformSwiper .swiper-slide .each:hover p {color: #fff;}
.wrap5 .platformSwiper .swiper-slide .each:hover span {color: #fff;}
.wrap5 .swiper-button-next:after, .wrap5 .swiper-button-prev:after {display: none;}
.wrap5 .swiper-button-next, .wrap5 .swiper-button-prev {font-size: 20px;color: #222;width: 44px;height: 44px;border: 1px solid #E7E8E9;border-radius: 50%;top: auto;bottom: 0;}
.wrap5 .swiper-button-prev {left: 546px;}
.wrap5 .swiper-button-next {right: 546px;}
.wrap5 .swiper-button-next i,.wrap5 .swiper-button-prev i {cursor: pointer;}

.wrap6 {background: url("../images/index/bg6.png") center center no-repeat;background-size: cover;padding: 48px 0;overflow: hidden;}
.wrap6 .icons {font-size: 0;text-align: center;margin: 24px 0;}
.wrap6 .icons .each {background: #fff;border-radius: 8px;border: 1px dotted rgba(0,0,0,.2);padding: 18px 22px;width: 220px;display: inline-block;text-align: left;cursor: default;}
.wrap6 .icons .each + .each {margin-left: 20px;}
.wrap6 .icons .each img {width: 32px;display: inline-block;vertical-align: top;margin-right: 8px;}
.wrap6 .icons .each span {font-size: 15px;line-height: 32px;display: inline-block;vertical-align: top;color: #111;}
.wrap6 .icons .each i {font-size: 26px;line-height: 32px;float: right;font-style: normal;font-weight: bold;}
.wrap6 .pageSwiper {padding: 32px 0;}
.wrap6 .pageSwiper img {height:260px;box-shadow: 0 0 32px rgba(0,0,0,.2);margin: 0 20px;}
/* .wrap6 .pageSwiper .page-each {float: left;}
.wrap6 .pageSwiper .page-wrapper {width: 1200%;} */
/* .wrap6 .pageSwiper .page-wrapper.active {-webkit-animation: scroll 50s linear infinite;-moz-animation: scroll 50s linear infinite;animation: scroll 50s linear infinite;} */
.wrap6 .pageSwiper img:hover {transform: scale(1.2); z-index: 10;}
.wrap6 .pageSwiper .swiper-slide {width: auto !important;}
.wrap6 .pageSwiper {display: flex;justify-content: center;}
.wrap6 .pageSwiper .page-wrapper {display: flex;justify-content: center;align-items: center;transition: all 0.3s ease;}
.wrap6 .pageSwiper .page-wrapper.active {-webkit-animation: scroll linear infinite;-moz-animation: scroll linear infinite;animation: scroll linear infinite;}
.wrap6 .pageSwiper .page-each img {height: 260px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);margin: 0 20px;}
@keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}
.wrap6 .icons .each {border: 1px solid transparent; transition: border-color 0.3s ease; cursor: pointer; }
.wrap6 .icons .each.active {border: 2px solid #007aff; border-radius: 5px;} 

.joinUs {background: url("../images/index/bg7.png") center center no-repeat;background-size: cover;padding: 48px 0 40px;text-align: center;}
.joinUs p {color: #000;font-size: 28px;line-height: 40px;margin-bottom: 16px;cursor: default;}
.joinUs a {font-size: 18px;line-height: 28px;color: #fff;background: #005EEC;padding: 14px 48px;border-radius: 30px;display: inline-block;}

.footer {background: #344257;padding: 64px 0;}
.footer .top, .footer .info {margin-bottom: 20px;border-bottom: 1px dotted rgba(255,255,255,.2);padding-bottom: 20px;}
.footer .top .logo {display: inline-block;vertical-align: top;}
.footer .top .logo img {height: 40px;margin-right: 20px;}
.footer .top .select {float: right;height: 40px;background: transparent;padding: 0 16px;color: #fff;font-size: 15px;border: 1px solid rgba(255,255,255,.1);width: 220px;border-radius: 4px;outline: none;cursor: pointer;line-height: 38px;position: relative;}
.footer .top .select i {float: right;cursor: pointer;position: absolute;top: 0;right: 16px;}
.footer .top .select span{cursor: pointer;display: block}
.footer .top .select .options {background: rgba(255,255,255, 1);border-radius: 8px;position: absolute;top: 40px;left: 0;width: 100%;max-height: 330px;overflow: auto;padding: 10px 0;display: none;}
.footer .top .select .options a {padding: 8px 16px;display: block;line-height: 20px;}
.footer .top .select .options a:hover {background: #F7F8F9}
.footer .info {font-size: 0;}
.footer .info > div {display: inline-block;vertical-align: top;}
.footer .info .text {width: 462px;margin-right: 2px;}
.footer .info .text.contact-info {width: 406px;} 
.footer .info .text > p {font-size: 18px;line-height: 36px;color: #fff;margin-bottom: 12px;font-weight: bold;}
.footer .info .text > div + div {margin-top: 12px;}
.footer .info .text > div p {font-size: 14px;line-height: 28px;color: rgba(255,255,255,.8);}
.footer .info .text > div p i {font-size: 20px;line-height: 32px;display: inline-block;vertical-align: top;margin-right: 4px;color: rgba(255,255,255,.6);font-style: normal;}
.footer .info .text > div p span {font-size: 14px;line-height: 32px;display: inline-block;vertical-align: top;color: rgba(255,255,255,.6);}
.footer .info .text .half p {display: inline-block;vertical-align: top;}
.footer .info .text .half p + p {margin-left: 32px;}
.footer .info .text .half p span {display: block;font-size: 14px;line-height: 28px;vertical-align: top;color: rgba(255,255,255,.8);}
.footer .info .text .half p i, .footer .info .text .half p a {display: block;font-size: 15px;line-height: 32px;vertical-align: top;color: rgba(255,255,255,.6);}
.footer .info .img {font-size: 0;margin-left: 55px;}
.footer .info .img .each {background: #fff;border-radius: 8px;margin-top: 32px;display: inline-block;vertical-align: top;padding: 8px 10px;}
.footer .info .img .each + .each {margin-left: 24px;}
.footer .info .img img {width: 100px;display: block;}
.footer .info .img p {font-size: 14px;line-height: 32px;color: #111;text-align: center;}
.footer .bottom p {display: inline-block;vertical-align: top;font-size: 14px;line-height: 28px;color: rgba(255,255,255,.6);}
.footer .bottom span {display: inline-block;vertical-align: top;font-size: 14px;margin-right: 20px;}
.footer .bottom i {display: inline-block;vertical-align: top;}
.footer .bottom img {display: inline-block;vertical-align: top;height: 16px;margin-top: 5px;}
.footer .bottom .right {float: right;}

.fix {position: fixed;right: 0;bottom: 100px;z-index: 2;}
.fix .each {cursor: pointer;background: rgba(255,255,255,.9);box-shadow: 0 0 4px rgba(0,0,0,.08);display: block;width: 80px;height: 80px;text-align: center;padding: 14px 0;position: relative;}
.fix .each + .each {margin-top: 8px;}
.fix .each > i {font-size: 28px;color: #5F6B7D;display: block;margin-bottom: 6px;line-height: 28px;}
.fix .each > p {font-size: 14px;line-height: 24px;color: #222;}
.fix .each:hover > i {color: #005EEC;}
.fix .each:hover > p {color: #005EEC;}
.fix .more-phone {position: absolute;right: -252px;top: -88px;background: rgba(255,255,255,1);box-shadow: 0 0 4px rgba(0,0,0,.08);padding: 30px 32px;width: 220px;text-align: left;opacity: 0;z-index: -1;cursor: default;}
.fix .more-phone > p {font-size: 18px;line-height: 24px;color: #222;padding-bottom: 16px;border-bottom: 1px dashed #D7D8D9;margin-bottom: 16px;font-weight: bold;}
.fix .more-phone .info + .info {margin-top: 12px;}
.fix .more-phone .info p i {font-size: 20px;line-height: 24px;display: inline-block;vertical-align: top;color: #005EEC;}
.fix .more-phone .info p span {display: inline-block;vertical-align: top;line-height: 24px;font-size: 14px;margin-left: 6px;}
.fix .more-phone .info > i {font-size: 18px;line-height: 32px;font-weight: bold;font-style: normal;display: block;margin-top: 4px;}
.fix .more-phone .info > span {font-size: 14px;line-height: 24px;color: #5F6B7D;display: block;}
.fix .each:hover .more-phone {right: 92px;opacity: 1;}
.fix .more-wx {position: absolute;right: -252px;top: -98px;width: 324px;background: rgba(255,255,255,1);box-shadow: 0 0 4px rgba(0,0,0,.08);padding: 32px;text-align: left;font-size: 0;opacity: 0;z-index: -1;cursor: default;}
.fix .more-wx > p {font-size: 18px;line-height: 24px;color: #222;padding-bottom: 16px;border-bottom: 1px dashed #D7D8D9;margin-bottom: 16px;font-weight: bold;}
.fix .more-wx .i1 {display: inline-block;vertical-align: top;}
.fix .more-wx .i1 + .i1 {margin-left: 20px;}
.fix .more-wx img {width: 120px;display: block;}
.fix .more-wx .img p {font-size: 14px;line-height: 24px;text-align: center;}
.fix .each:hover .more-wx {right: 92px;opacity: 1;}

/* product */
.innerBanner .container {height: 560px;color: #111;padding-top: 172px;}
.innerBanner.product {background: url("../images/purchase/purchase-bg.png") top center no-repeat;background-size: cover;}
.innerBanner h3 {font-size: 48px;line-height: 64px;cursor: default;margin-bottom: 12px;}
.innerBanner p {font-size: 24px;line-height: 48px;cursor: default;}
.innerBanner a {margin-top: 48px;display: block;width: 180px;height: 60px;line-height: 60px;text-align: center;font-size: 20px;color: #fff;background: #005EEC;}
.p-container {width: 1440px;margin: 0 auto;}
.p-container .top-title h3 {font-size: 30px;line-height: 48px;font-weight: bold;}
.p-container .top-title p {font-size: 18px;line-height: 32px;font-weight: 450;}
.wrap-p1 {padding-top: 60px;}
.wrap-p1 .p1-main {width: 1440px;margin: 32px auto;background: #F4F9FF;border-radius: 20px;padding: 62px 0;text-align: center;}
.wrap-p1 .p1-main .left {display: inline-block;vertical-align: middle;color: #005EEC;font-size: 20px;line-height: 24px;padding: 30px 16px;border-radius: 12px;border: 1px #005EEC dashed;font-weight: 700;width: 64px;background: #fff;}
.wrap-p1 .p1-main .middle {display: inline-block;vertical-align: middle;font-size: 0;}
.wrap-p1 .p1-main .middle img {width: 48px;display: inline-block;vertical-align: top;margin-top: 12px;}
.wrap-p1 .p1-main .middle .list {display: inline-block;vertical-align: top;border: 2px solid #fff;border-radius: 20px;background: #005EEC;background: linear-gradient(to bottom, #005EEC, #70A9FF);background: -webkit-linear-gradient(to bottom, #005EEC, #70A9FF);background: -o-linear-gradient(to bottom, #005EEC, #70A9FF);background: -moz-linear-gradient(to bottom, #005EEC, #70A9FF);padding: 24px;}
.wrap-p1 .p1-main .middle .list span {display: block;background: rgba(255,255,255,.2);border-radius: 24px;color: #fff;font-weight: 500;font-size: 16px;line-height: 28px;padding: 10px 20px;}
.wrap-p1 .p1-main .middle .list span + span {margin-top: 12px;}
.wrap-p1 .p1-main .right {height: 400px;display: inline-block;vertical-align: middle;text-align: left;padding: 10px 20px;line-height: 28px;}
.wrap-p1 .p1-main .right p {padding: 10px 28px;border-radius: 24px;;background: transparent;background: linear-gradient(to right, transparent, #E2EEFF);background: -webkit-linear-gradient(to right, transparent, #E2EEFF);background: -o-linear-gradient(to right, transparent, #E2EEFF);background: -moz-linear-gradient(to right, transparent, #E2EEFF);display: inline-block;vertical-align:top;}
/* .wrap-p1 .p1-main .right > div + div {margin-top: 12px;} */
.wrap-p1 .p1-main .right > div {margin-top: 14px;}
.wrap-p1 .p1-main .right span {color: #222;font-size: 15px;line-height: 16px;padding-right: 12px;margin: 6px 12px 6px 0;border-right: 1px solid rgba(0,0,0,.1);font-weight: 500}
.wrap-p1 .p1-main .right span:last-child {margin-right: 0;padding-right: 0;border-right: none; }
.wrap-p2 {padding-top: 40px;}
.wrap-p3 {padding-top: 40px;}
.wrap-p4 {padding-top: 40px;}
.purchaseSwiper {margin-top: 20px;}
.purchaseSwiper .swiper-slide {height: 520px;background: #F4F9FF;border-radius: 20px;}
.purchaseSwiper .left {position: absolute;left: -100%;top: 60px;transition: all .5s;height: 400px;width: 600px;}
.purchaseSwiper .swiper-slide-active .left {left: 100px;top: 60px;}
.purchaseSwiper .swiper-slide-active .right {opacity: 1;}
.purchaseSwiper .right img {height: 400px;display: block;}
.purchaseSwiper .right {position: absolute;right: 100px;top: 60px;opacity: 0;height: 400px;width: 600px;}
.purchaseSwiper .left p {background: #fff;background: linear-gradient(to right, #fff, transparent);background: -webkit-linear-gradient(to right, #fff, transparent);background: -o-linear-gradient(to right, #fff, transparent);background: -moz-linear-gradient(to right, #fff, transparent);border-radius: 6px;line-height: 28px;padding: 14px 12px 14px 50px;margin-bottom: 12px;font-size: 16px;position: absolute;transition: all .5s;left: -200%;cursor: default;}
.purchaseSwiper .left p i {display: block;font-size: 18px;line-height: 32px;color: #111;font-weight: bold;font-style: normal;}
.wrap-p2 .swiper-slide .t1 {transition-delay: .1s;top: 104px;}
.wrap-p2 .swiper-slide .t2 {transition-delay: .2s;top: 172px;}
.wrap-p2 .swiper-slide .t3 {transition-delay: .3s;top: 240px;}
.purchaseSwiper .swiper-slide-active .left p {left: 0;}
.purchaseSwiper .left img {width: 28px;position: absolute;left: 10px;top: 50%;margin-top: -14px;}
.purchase.swiper-page {margin-top: 32px;text-align: center;}
.purchase.swiper-page span {cursor: pointer;font-size: 18px;line-height: 36px;color: #222;display: inline-block;vertical-align: top;padding: 8px 36px;background: #fff;border-radius: 30px;margin: 0 10px;border: 1px solid #E7E8E9;}
.purchase.swiper-page span.active {cursor: default;background: #005EEC;color: #fff;border-color: #005EEC;}
.wrap-p2 .p3 .t1 {transition-delay: .1s;top: 70px;}
.wrap-p2 .p3 .t2 {transition-delay: .2s;top: 138px;}
.wrap-p2 .p3 .t3 {transition-delay: .3s;top: 206px;}
.wrap-p2 .p3 .t4 {transition-delay: .4s;top: 274px;}
.wrap-p2 .p4 .t1 {transition-delay: .1s;top: 2px;}
.wrap-p2 .p4 .t2 {transition-delay: .2s;top: 70px;}
.wrap-p2 .p4 .t3 {transition-delay: .3s;top: 138px;}
.wrap-p2 .p4 .t4 {transition-delay: .4s;top: 206px;}
.wrap-p2 .p4 .t5 {transition-delay: .5s;top: 274px;}
.wrap-p2 .p4 .t6 {transition-delay: .6s;top: 342px;}
.wrap-p2 .p5 .t1 {transition-delay: .1s;top: 70px;}
.wrap-p2 .p5 .t2 {transition-delay: .2s;top: 138px;}
.wrap-p2 .p5 .t3 {transition-delay: .3s;top: 206px;}
.wrap-p2 .p5 .t4 {transition-delay: .4s;top: 274px;}
.purchaseSwiper.textRight .right p {background: #fff;background: linear-gradient(to left, #fff, transparent);background: -webkit-linear-gradient(to left, #fff, transparent);background: -o-linear-gradient(to left, #fff, transparent);background: -moz-linear-gradient(to left, #fff, transparent);border-radius: 6px;line-height: 28px;padding: 14px 50px 14px 12px;margin-bottom: 12px;font-size: 16px;position: absolute;transition: all .5s;right: -200%;cursor: default;text-align: right;}
.purchaseSwiper.textRight .right img {width: 28px;position: absolute;right: 10px;top: 50%;margin-top: -14px;height: auto;}
.purchaseSwiper.textRight .left img {height: 400px;display: block;width: auto;position: static}
.purchaseSwiper.textRight .right {left: -100%;}
.purchaseSwiper.textRight .swiper-slide-active .right {right: 100px;top: 60px;opacity: 1;left: auto;}
.purchaseSwiper.textRight .left {opacity: 0;}
.purchaseSwiper.textRight .swiper-slide-active .left {opacity: 1;}
.purchaseSwiper.textRight .swiper-slide-active .right p {right: 0;left: auto;}
.purchaseSwiper.textRight .p1 .t1 {transition-delay: .1s;top: 36px;}
.purchaseSwiper.textRight .p1 .t2 {transition-delay: .2s;top: 104px;}
.purchaseSwiper.textRight .p1 .t3 {transition-delay: .3s;top: 172px;}
.purchaseSwiper.textRight .p1 .t4 {transition-delay: .4s;top: 240px;}
.purchaseSwiper.textRight .p1 .t5 {transition-delay: .5s;top: 308px;}
.purchaseSwiper.textRight .p2 .t1 {transition-delay: .1s;top: 0;}
.purchaseSwiper.textRight .p2 .t2 {transition-delay: .2s;top: 68px;}
.purchaseSwiper.textRight .p2 .t3 {transition-delay: .3s;top: 136px;}
.purchaseSwiper.textRight .p2 .t4 {transition-delay: .4s;top: 228px;}
.purchaseSwiper.textRight .p2 .t5 {transition-delay: .5s;top: 320px;}
.purchaseSwiper.textRight .p3 .t1 {transition-delay: .1s;top: 104px;}
.purchaseSwiper.textRight .p3 .t2 {transition-delay: .2s;top: 172px;}
.purchaseSwiper.textRight .p3 .t3 {transition-delay: .3s;top: 240px;}
.purchaseSwiper.textRight .p4 .t1 {transition-delay: .1s;top: 138px;}
.purchaseSwiper.textRight .p4 .t2 {transition-delay: .2s;top: 206px;}
.p-swiper3 .p1 .t1 {transition-delay: .1s;top: 39px;}
.p-swiper3 .p1 .t2 {transition-delay: .2s;top: 141px;}
.p-swiper3 .p1 .t3 {transition-delay: .3s;top: 271px;}
.p-swiper3 .p2 .t1 {transition-delay: .1s;top: 104px;}
.p-swiper3 .p2 .t2 {transition-delay: .2s;top: 172px;}
.p-swiper3 .p2 .t3 {transition-delay: .3s;top: 240px;}
.p-swiper3 .p3 .t1 {transition-delay: .1s;top: 53px;}
.p-swiper3 .p3 .t2 {transition-delay: .2s;top: 155px;}
.p-swiper3 .p3 .t3 {transition-delay: .3s;top: 257px;}
.p-swiper3 .p4 .t1 {transition-delay: .1s;top: 90px;}
.p-swiper3 .p4 .t2 {transition-delay: .2s;top: 192px;}
.wrap-p5 {padding-top: 40px;}
.wrap-p5 img {width: 100%;}
.wrap-p5 .p5-main {position: relative;margin-top: 32px;margin-bottom: 60px;}
.wrap-p5 .each {position: absolute;background: #fff;border-radius: 12px;padding: 28px 28px 0;box-shadow: 0 0 12px rgba(0,94,236,.1);min-height: 120px;}
.wrap-p5 .each p {font-size: 15px;line-height: 24px;color: #111;margin-top: 12px;}
.wrap-p5 .each h4 {font-size: 22px;line-height: 28px;color: #111;position: relative;padding-left: 18px;margin: 0;}
.wrap-p5 .each h4:before {content: '';position: absolute;top: 2px;left: 0;background: #005EEC;width: 6px;height: 24px;border-radius: 4px;font-weight: bold;}
.wrap-p5 .each.e1 {width: 484px;left: 100px;top: 100px;}
.wrap-p5 .each.e2 {width: 484px;right: 100px;top: 100px;text-align: right;}
.wrap-p5 .each.e2 h4, .wrap-p5 .each.e4 h4 {padding-right: 18px;}
.wrap-p5 .each.e2 h4:before, .wrap-p5 .each.e4 h4:before {left: auto;right: 0;}
.wrap-p5 .each.e3 {width: 344px;left: 100px;top: 306px;min-height: 130px;}
.wrap-p5 .each.e4 {width: 344px;right: 100px;top: 306px;min-height: 130px;text-align: right;padding-top: 22px;}
.wrap-p5 .each.e5 {width: 450px;left: 496px;top: 306px;min-height: 130px;padding-top: 22px;text-align: center;}
.wrap-p5 .each.e5 h4:before {display: none;}
  
  /* supplier */
.inner-container {width: 1440px;margin: 0 auto;}
.inner-container .top-title p {font-size: 18px;line-height: 32px;font-weight: 450;}
.innerBanner.supplier {background: url("../images/supplier/supplier-bg.png") top center no-repeat;background-size: cover;}
.s-wrap1 {padding: 48px 0;}
.s-main {background: #F4F9FF;border-radius: 12px;margin-top: 40px;padding: 60px;}
.s-main .top {background: #fff;background: linear-gradient(to right, #fff, transparent);background: -webkit-linear-gradient(to right, #fff, transparent);background: -o-linear-gradient(to right, #fff, transparent);background: -moz-linear-gradient(to right, #fff, transparent);padding: 20px;border-radius: 16px;margin-bottom: 32px;font-size: 0;}
.s-main .top p {line-height: 36px;display: inline-block;vertical-align: top;font-size: 16px;color: #111;cursor: default;margin-left: 20px;font-weight: 400;letter-spacing: 0.5px;}
.s-main .top span {display: inline-block;background: rgba(0,94,236,.05);color: #005EEC;font-size: 17px;padding: 7px 16px;line-height: 20px;border: 1px dotted #005EEC;border-radius: 4px;vertical-align: top;font-weight: 600;}
.s-main .bottom {font-size: 0;color: #111;}
.s-main .bottom > div + div {margin-left: 80px;}
.s-main .text {display: inline-block;vertical-align: top;width: 680px;cursor: default;}
.s-main .img {display: inline-block;vertical-align: top;width: 560px;position: relative;}
.s-main .img img {width: 100%;border-radius: 12px;display: block;}
.s-main .img:after {content: '';width: 100%;height: 100%;background: rgba(0, 52,130,.3);top: 0;left: 0;border-radius: 12px;position: absolute;}
.s-main .img i {cursor: pointer;color: #fff;background: #005EEC;font-size: 40px;border-radius: 50%;position: absolute;width: 72px;height: 72px;text-align: center;line-height: 72px;top: 50%;left: 50%;margin-top: -36px;margin-left: -36px;z-index: 2;padding-left: 5px;}
.s-main .img i:hover {transform: scale(1.05);}
.s-main .text h3 {font-size: 22px;line-height: 48px;margin-bottom: 24px;margin-top: -12px;}
.s-main .text p {font-size: 16px;line-height: 28px;margin-bottom: 24px;font-weight: 400;letter-spacing: 0.5px;}
.s-main .text a {display: block;width: 180px;line-height: 60px;color: #fff;background: #005EEC;font-size: 20px;text-align: center;border-radius: 8px;}
.s-wrap2 {padding: 48px 0;background: url("../images/supplier/bg2.png") top center no-repeat;background-size: cover;}
.s-wrap2 .s-main {background: rgba(255,255,255,.8);}
.s-wrap2 .text p {margin-bottom: 20px;text-align: justify;}
.s-main .text p i {display: inline-block;vertical-align: top;color: #fff;background: #005EEC;width: 32px;height: 32px;text-align: center;font-size: 18px;line-height: 32px;border-radius: 50%;font-style: normal;margin-right: 20px;}
.s-main .text p span {font-size: 18px;line-height: 32px;font-weight: 400;display: inline-block;vertical-align: top;}
.s-main .text a {margin-top: 24px;}
.s-wrap2 .s-main .top {background: #EFF7FF;background: linear-gradient(to right, #EFF7FF, transparent);background: -webkit-linear-gradient(to right, #EFF7FF, transparent);background: -o-linear-gradient(to right, #EFF7FF, transparent);background: -moz-linear-gradient(to right, #EFF7FF, transparent);}
.s-wrap2 .s-main .top span {background: rgba(255,255,255,.05);}
.s-wrap3 {padding: 48px 0;}
/* .s-wrap3 .s-main .top span {width: 66px;padding: 8px 15px;} */
/* .s-wrap3 .s-main .top p {width: 1194px;} */
.s-wrap3 .s-main .text p span {width: 618px;line-height: 28px;font-size: 16px;}
.s-wrap4 {background: url("../images/supplier/bg4.png") top center no-repeat;background-size: cover;padding: 48px 0;}
.s-wrap4 .tabs {text-align: center;margin: 20px 0 40px;}
.s-wrap4 .tabs span {cursor: pointer;font-size: 17px;line-height: 30px;color: #222;display: inline-block;vertical-align: top;padding: 8px 32px;background: #fff;border-radius: 30px;margin: 0 8px;border: 1px solid #E7E8E9;}
.s-wrap4 .tabs span.active {cursor: default;background: #005EEC;color: #fff;border-color: #005EEC;}
.s-wrap4 .content {font-size: 0;margin-bottom: 40px;display: none;}
.s-wrap4 .content:first-child {display: block;}
.s-wrap4 .content .each {display: inline-block;vertical-align: top;background: #fff;border-radius: 12px;width: 220px;height: 300px;padding: 32px;text-align: center;cursor: default;min-height: 296px;}
.s-wrap4 .content .each + .each {margin-left: 24px;}
.s-wrap4 .content .each i {font-size: 32px;color: #fff;background: #005EEC;background: linear-gradient(to bottom, #005EEC, #7694FF);background: -webkit-linear-gradient(to bottom, #005EEC, #7694FF);background: -o-linear-gradient(to bottom, #005EEC, #7694FF);background: -moz-linear-gradient(to bottom, #005EEC, #7694FF);width: 64px;height: 64px;display: block;box-shadow: 2px 2px 24px rgba(0,96,236,.24);border-radius: 50%;line-height: 64px;margin: 0 auto 24px;}
.s-wrap4 .content .each p {font-size: 22px;line-height: 32px;color: #111;font-weight: bold;margin-bottom: 16px;}
.s-wrap4 .content .each span {display: block;font-size: 14px;line-height: 24px;color: #2D3542;}
.s-wrap4 a {display: block;margin: 0 auto;width: 180px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #005EEC;font-size: 20px;border-radius: 8px;}
.s-wrap4 .content .each:hover {background: #005EEC;background: linear-gradient(to bottom, #005EEC, #7694FF);background: -webkit-linear-gradient(to bottom, #005EEC, #7694FF);background: -o-linear-gradient(to bottom, #005EEC, #7694FF);background: -moz-linear-gradient(to bottom, #005EEC, #7694FF);}
.s-wrap4 .content .each:hover p,.s-wrap4 .content .each:hover span {color: #fff;}
.s-wrap4 .content .each:hover i {background: #fff;background: linear-gradient(to bottom, #fff, transparent);background: -webkit-linear-gradient(to bottom, #fff, transparent);background: -o-linear-gradient(to bottom, #fff, transparent);background: -moz-linear-gradient(to bottom, #fff, transparent);color: rgba(255,255,255,.8);}
.modal-video {position: fixed;top: 0;left: 0;height: 100vh;width: 100%;background: rgba(0,0,0,.6);z-index: 3;display: none;}
.modal-video .video {width: 800px;height: 500px;position: absolute;top: 50%;left: 50%;margin-top: -250px;margin-left: -400px;}
.modal-video .video video {width: 100%;height: 100%;}
.modal-video .ri-close-fill {cursor: pointer;color: #fff;padding: 10px;font-size: 30px;position: absolute;top: -30px;right: -50px;}

/*about*/
.innerBanner.about {background: url("../images/about/top-bg.png") top center no-repeat;background-size: cover;text-align: center;}
.innerBanner.about .container {padding-top: 208px;height: 400px;}
.a-main {background: url("../images/about/bg2.png") top center no-repeat;background-size: cover;padding: 48px 0;}
.a-wrap1 {font-size: 0;background: rgba(255,255,255,.9);}
.a-main .img {width: 360px;display: inline-block;vertical-align: top;font-size: 0;}
.a-main .img img {width: 100%;height: 535px;display: block;}
.a-main .text {padding: 60px 80px;width: 1080px;cursor: default;display: inline-block;vertical-align: top;color: #222;}
.a-main .text img {height: 60px;margin-bottom: 32px;}
.a-main .text p {font-size: 23px;line-height: 32px;margin-bottom: 44px;}
.a-main .text span {display: block;font-size: 16px;line-height: 28px;}
.a-main .text span + span {margin-top: 10px;}
.a-wrap2 {font-size: 0;background: rgba(255,255,255,.9);margin-top: 40px;}
.a-wrap2 .text img {height: 40px;margin-bottom: 32px;display: block;}
.a-wrap2 .text > span {padding-bottom: 32px;border-bottom: 1px dotted #D7D8D9;margin-bottom: 32px;}
.a-wrap2 .each {display: inline-block;vertical-align: top;width: 296px;height: 84px;background: url("../images/about/text-bg.png") center no-repeat;background-size: cover;margin-top: 16px;font-size: 14px;line-height: 24px;color: #222;cursor: default;padding: 18px 0;text-align: center;}
.a-wrap2 .each + .each {margin-left: 16px;}
.a-wrap2 .each:nth-child(6) {margin-left: 0;}
.a-wrap2 .each:nth-child(3),.a-wrap2 .each:nth-child(4),.a-wrap2 .each:nth-child(5) {margin-top: 0;}
.address .inner-container {font-size: 0;padding: 48px 0;}
.address .inner-container > div {display: inline-block;vertical-align: top;width: 700px;}
.address .inner-container > div + div {margin-left: 40px;}
.address .inner-container h3 {font-size: 32px;line-height: 48px;color: #222;text-align: center;margin-bottom: 32px;font-weight: bold;}
.address .inner-container .right img {width: 100%;display: block;}
.address .info {background: url("../images/about/map2.png") bottom right no-repeat;background-size: cover;padding: 32px 36px;}
.address .info h4 {font-size: 24px;line-height: 48px;color: #111;font-weight: bold;margin-bottom: 8px;}
.address .info p {font-size: 15px;line-height: 24px;color: #222;margin-bottom: 16px;}
.address .info .text i {font-size: 20px;line-height: 24px;display: inline-block;vertical-align: top;margin-right: 16px;color: #005EEC;}
.address .info .text em, .address .info .text span {font-size: 15px;line-height: 24px;display: inline-block;vertical-align: top;margin-right: 16px;color: #222;font-weight: bold;font-style: normal;}
.address .info .text span {font-weight: normal;}
.address .info .link  span:hover {color: #005EEC;}
.address .info .text {padding: 4px 0;}
#section1 {padding-top: 90px;margin-top: -90px;}
#section2 {padding-top: 90px;margin-top: -90px;}
#section3 {padding-top: 90px;margin-top: -90px;}
#staticMap {width: 100%;display: block;cursor: pointer;}
#interactiveMapContainer {width: 100%;height: 256px;display: none;}
#interactiveMapContainer .tmap-zoom-in {cursor: pointer;}
#interactiveMapContainer .tmap-zoom-out {cursor: pointer;}
#interactiveMapContainer .rotate-circle .rotate-panel {cursor: pointer;}


/*detail*/
.innerBanner.detail {background: url("../images/detail/detail-bg.png") top center no-repeat;background-size: cover;text-align: center;}
.innerBanner.detail .container {height: 360px;}
.d-main {background: #F1F3F5;padding: 32px 0;}
.d-main .top {background: #fff;}
.d-main .bread {background: #fff;padding: 12px 24px;border-radius: 8px;margin-bottom: 20px;}
.d-main .bread i {font-size: 18px;line-height: 28px;display: inline-block;vertical-align: top;margin-right: 4px;}
.d-main .bread span {font-size: 14px;line-height: 28px;display: inline-block;vertical-align: top;margin-right: 4px;}
.d-main .bread a {font-size: 14px;line-height: 28px;display: inline-block;vertical-align: top;margin-right: 4px;font-weight: bold;}
.d-main .tab {border-bottom: 1px solid #E7E8E9;}
.d-main .tab span {cursor: pointer;display: inline-block;border-right: 1px solid #E7E8E9;font-size: 18px;line-height: 28px;text-align: center;min-width: 160px;color: #111;padding: 14px 0;}
.d-main .tab span.active {background: #005EEC;border-color: #005EEC;color: #fff;}
.d-main .filter {padding: 20px 24px;display: none;}
.d-main .filter:first-child {display: block;}
.d-main .filter .tags {border-bottom: 1px solid #E7E8E9;padding-bottom: 20px;}
.d-main .filter .each + .each {margin-top: 8px;}
.d-main .filter .tags p {display: inline-block;margin-right: 20px;}
.d-main .filter .tags p i {font-size: 18px;line-height: 32px;display: inline-block;vertical-align: top;margin-right: 8px;color: #005EEC;}
.d-main .filter .tags p span {font-size: 14px;line-height: 32px;display: inline-block;vertical-align: top;font-weight: bold;}
.d-main .filter .options {display: inline-block;vertical-align: top;width: 1200px;}
.d-main .filter .options span {cursor: pointer;font-size: 14px;line-height: 28px;padding: 1px 12px;border: 1px solid transparent;color: #111;margin: 0  2px;display: inline-block;vertical-align: top;}
.d-main .filter .options span.active {border: 1px solid #005EEC;color: #005EEC;}
.d-main .search {padding-top: 22px;}
.d-main .search span {display: inline-block;line-height: 36px;font-size: 14px;color: #111;margin-right: 16px;}
.d-main .search input, .d-main .search select {height: 36px;border: 1px solid #E7E8E9;padding: 0 12px;width: 280px;margin-right: 32px;outline: none;}
.d-main .search .date {width: 140px;margin-right: 16px;}
.d-main .search select {width: 200px;}
.d-main .search a {display: inline-block;vertical-align: top;height: 36px;line-height: 36px;text-align: center;color: #fff;background: #005EEC;width: 80px;font-size: 14px;}
.d-list {padding: 20px 24px;border-radius: 8px;background: #fff;margin-top: 20px;}
.d-list .title {font-size: 0;margin-bottom: 20px;}
.d-list .title > div {display: inline-block;vertical-align: top;background: #F7F8F9;border-radius: 4px;padding: 4px 12px;line-height: 28px;font-weight: bold;font-size: 15px;}
.d-list .name {width: 1240px; margin-right: 12px;}
.d-list .status {width: 150px;margin: 0 12px;}
.d-list .date {width: 140px;}
.d-list .each {font-size: 0;margin-bottom: 4px;border-bottom: 1px dotted #D7D8D9;display: block;color: #111;}
.d-list .each > div {padding: 8px 12px;display: inline-block;vertical-align: top;border-radius: 4px;line-height: 28px;font-size: 15px;}
.d-list .each .name {position: relative;padding-left: 20px;}
.d-list .each .name:before {content: '';position: absolute;width: 4px;height: 4px;background: #111;border-radius: 50%;left: 10px;top: 20px;}
.d-list .each .name .each-name span {font-weight: bold;display: inline-block;vertical-align: top;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 950px;}
.d-list .each .name .each-name i {display: inline-block;vertical-align: top;font-size: 13px;line-height: 22px;color: #005EEC;border: 1px dotted #005EEC;padding: 0 12px;border-radius: 14px;margin-left: 12px;font-style: normal;margin-top: 2px;}
.d-list .each .name .each-info i {display: inline-block;vertical-align: top;color: #92A1B7;font-size: 20px;margin-right: 4px;line-height: 28px;}
.d-list .each .name .each-info span {display: inline-block;vertical-align: top;color: #111;font-size: 14px;margin-right: 24px;line-height: 28px;}
.d-list .each .status span {color: #92A1B7;padding: 0 16px;border: 1px solid #92A1B7;border-radius: 14px;display: inline-block;font-size: 13px;}
.d-list .each .date {text-align: center;font-size: 14px;}
.d-list .each .status.active span {color: #00C98D;border: 1px solid rgba(0,201,141,.4);}
.d-list .each .status, .d-list .each .date {padding: 26px 12px;}
.d-main .wrap5 {background: transparent;padding: 20px 0 0;}
.d-main .wrap5 .areasSwiper {padding-bottom: 65px;}
.d-main .wrap5 .each {width: 345px;}
.d-main .wrap5 .swiper-button-prev {left: 650px;}
.d-main .wrap5 .swiper-button-next {right: 650px;}

.pagination {width: 100%;height: 36px;text-align: center;position:relative;margin-top: 20px;}
.pagination .pag-txt,.pagination .pag-link {position:absolute;font-size:15px;line-height:36px;}
.pagination .pag-txt {left:0;color:#111;}
.pagination .pag-txt em {font-style:normal;}
.pagination .pag-link {right: 0; height:36px;}
.pagination .pag-link a {padding: 0 10px; height:36px; line-height:36px;background: #F7F8F9;float:left; color:#555;min-width: 36px;margin-right: 8px;font-size: 15px;border-radius: 4px;}
.pagination .pag-link a + a {border-left:none;}
.pagination .pag-link a i {font-size: 20px;}
.pagination .pag-link a:hover {background-color: rgba(0, 137,130,.08); text-decoration:none;}
.pagination .pag-link a.pag-cur {background-color:#005EEC; color:#fff; }
.pagination .pag-link .jump {margin-left:14px; float:left;}
.pagination .pag-link .jump em {float:left; font-style:normal;}
.pagination .pag-link .jump input {width:70px; font-size:15px;height: 36px;padding: 0 16px;color: #111;border: 0;background: #F7F8F9;border-radius: 4px;float: left;margin: 0 8px;text-align: center;}
.pagination .pag-link .jump a {height: 36px;line-height: 36px;width: 48px;border-radius: 4px;color: #fff;background: #005EEC;font-weight: bold;font-size: 15px;margin-left: 8px;margin-right: 0;}

.d-detail {background: #fff;margin: 20px 0;padding: 40px 60px 60px;}
.d-detail .title {text-align: center;font-size: 24px;line-height: 32px;padding: 0 40px;margin-bottom: 8px;}
.d-detail .title span{display: none}
.d-detail .title span.active {display: block}
.d-detail .time {text-align: center;font-size: 15px;line-height: 32px;padding: 0 40px;margin-bottom: 24px;}
.d-detail .time span{display: none}
.d-detail .time span.active {display: block}

.d-detail .tabs {padding-bottom: 24px;border-bottom: 1px dotted #D7D8D9;text-align: center;}
.d-detail .tabs span {cursor: pointer;display: inline-block;font-size: 17px;line-height: 32px;color: #005EEC;border: 1px solid #005EEC;padding: 7px 32px;margin: 0 12px;}
.d-detail .tabs span.active {background: #005EEC;color: #fff;}
.d-detail .tabs span.disabled {border-color: #E7E8E9;color: #999999;cursor: default;}
.d-detail .content {display: none;}
.d-detail .content:first-child {display: block;}
.d-detail .content .title {margin-top: 28px;font-size: 18px;line-height: 40px;font-weight: bold;position: relative;padding-left: 15px;text-align: left;margin-bottom: 12px;}
.d-detail .content .title:before {content: '';position: absolute;left: 0;top: 12px;width: 6px;height: 16px;background: #005EEC;}
.d-detail .content table {text-align: center;font-size: 15px;line-height: 20px;color: #222;margin-bottom: 24px;}
.d-detail .content table thead th {background: #F7F8F9;font-weight: 500;}
.d-detail .content table thead th,.d-detail .content table td {padding: 12px 16px;border: 1px solid #D7D8D9;}
.d-detail .line {border-top: 1px dotted #D7D8D9;}
.d-detail .text table .btn {font-size: 14px;line-height: 20px;padding: 5px 15px;color: #005EEC;border: 1px solid #005EEC;display: inline-block;}
.d-detail .text > p {font-size: 15px;line-height: 28px;color: #000;text-indent: 2em;margin-bottom: 12px;white-space: pre;}
.d-detail .text > p + table {margin-left: 30px;margin-bottom: 12px;}
.d-detail .text > p + table th, .d-detail .content > p + table td {padding: 10px;}
.d-detail .content .bottom-right {text-align: right;font-size: 15px;line-height: 28px;color: #000;margin-bottom: 12px;white-space: pre;}
.d-detail .file {background: #F7F8F9;padding: 8px 16px;line-height: 24px;font-size: 15px;display: inline-block;margin-bottom: 24px;}
.d-detail .file > span {display: inline-block;vertical-align: top;margin-right: 4px;font-weight: bold;}
.d-detail .file p {display: inline-block;vertical-align: top;}
.d-detail .file a {display: block;}
.d-detail .file a + a {margin-top: 8px;}
.d-detail .file img {width: 20px;display: inline-block;vertical-align: top;margin-top: 1px;margin-right: 4px;}
.d-detail .file a span {display: inline-block;vertical-align: top;}
.d-detail .bottom-btn {display: block;margin: 24px auto 0;font-size: 18px;color: #fff;background: #005EEC;border-radius: 30px;height: 60px;width: 192px;line-height: 60px;text-align: center;}
.d-detail .info-table td {text-align: left;padding: 12px;}
.d-detail .info-table .bold {font-weight: bold;background: #F7F8F9;}
.d-detail .col-title {margin: 4px 0 0;}
.d-detail .col-title h3 {cursor: pointer;background: rgba(0,94,236,.05);font-size: 16px;line-height: 32px;font-weight: bold;padding: 4px 16px;margin-bottom: 16px;}
.d-detail .col-title i {float: right;font-size: 20px;font-weight: normal;}
.d-detail .col-body {padding: 32px;font-size: 15px;line-height: 28px;box-shadow: 0 0 12px rgba(0,0,0,.06);border: 1px dotted #D7D8D9;display: block;}
.d-detail .col-body h4 {margin: 12px 0;}
.d-detail .col-body table {margin-bottom: 12px;}
.d-detail .col-body table td,.d-detail .col-body table th {padding: 12px 16px;text-align: left;}
.d-detail .col-body .file {margin-bottom: 0;}
.d-detail .col-body .line {margin: 20px 0;}
.d-detail .collapse + .collapse {margin-top: 16px;}
.d-detail .collapse.hide .col-title i {transform: rotate(180deg);}
.d-detail .collapse.hide .col-body {display: none;}

.modal {position: fixed;top: 0;left: 0;height: 100vh;width: 100%;background: rgba(0,0,0,.6);z-index: 3;display: none;}
.modal .video {width: 800px;height: 500px;position: absolute;top: 50%;left: 50%;margin-top: -250px;margin-left: -400px;}
.modal .video video {width: 100%;height: 100%;}
.modal .ri-close-fill {cursor: pointer;color: #000;padding: 10px;font-size: 30px;position: absolute;top: 10px;right: 10px;}
.form-modal {width: 600px;height: 530px;position: absolute;top: 50%;left: 50%;margin-top: -265px;margin-left: -300px;background: #fff;}
.form-modal .modal-title {text-align: center;margin: 32px auto 24px;}
.form-modal .modal-title h4 {font-size: 28px;line-height: 32px;margin-bottom: 12px;}
.form-modal .modal-title p {font-size: 20px;line-height: 28px;}
.form-modal .form-item {width: 420px;margin: 0 auto;padding: 12px 0;position: relative;}
.form-modal .form-item .form-item-label {display: inline-block;vertical-align: top;line-height: 36px;width: 100px;margin-right: 12px;font-size: 16px;color: #333;}
.form-modal .form-item .form-item-label i {color: #ff0000;font-style: normal;margin-right: 4px;}
.form-modal .form-item input {width: 300px;height: 36px;border: 1px solid #D7D8D9;;border-radius: 4px;padding: 0 12px;font-size: 14px;}
.form-modal .has-yzm input {width: 190px;margin-right: 8px;}
.form-modal .has-yzm button {width: 100px;background: #005EEC;color: #fff;line-height: 34px;border: none;border-radius: 4px;cursor: pointer;}
.form-modal .has-yzm button.disabled {background: #E1E3E5;color: #ccc;cursor: default;}
.form-modal .submit-btn {width: 200px;line-height: 40px;background: #005EEC;color: #fff;margin: 30px auto;border-radius: 4px;cursor: pointer;border: none;display: block;font-size: 16px;}
.form-modal .error {position: absolute;color: #ff0000;font-size: 12px;bottom: -8px;left: 120px;display: none;}

.form-success {position: fixed;top: 0;left: 0;height: 100vh;width: 100%;background: rgba(0, 0, 0, 0.6);z-index: 3;display: flex;justify-content: center;align-items: center;display: none; }
.form-success .form-modal{width: 500px;height: 220px;position: absolute;top: 50%;left: 50%;margin-top: -265px;margin-left: -250px;background: #fff;}
.form-success .modal-title{text-align: center;margin: 52px auto 24px;}
.form-success .modal-title i{font-size: 60px;color: #77cb179d;}
.form-success h1{padding: 10px;font-size: 30px;font-weight: 400;text-align: center;}
.form-success p{padding: 3px;font-size: 14px;text-align: center;}

#area{
    line-height: 36px;
    height: 36px;
    display: inline-block;
    width: 200px;
    margin-top: 0px;
    vertical-align: middle;
    margin-right: 26px;
}

.eo-cascader-panel{
    max-height: 400px;
    overflow: auto !important;
}

.col-title em{
    font-size: 12px;
    color: #fff;
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #FF5347;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal !important;
    margin-left: 20px;
}

.package-href{
    cursor: pointer;
    color: #005EEC;
}
.package-href.disabled{
    color: black;
    cursor: default;
}

/* 基础样式 */
.name {
  position: relative;
  display: inline-block;
}
 
/* 悬浮框样式 */
.name .tooltiptext {
  visibility: hidden;
  /* width: 3000px; */
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
 
  /* 定位 */
  position: absolute;
  z-index: 1;
  bottom: 100%; /* 定位在元素上方 */
  left: 20%;
  margin-left: -20px; /* 使用负值将框移至正确的位置 */

  padding-left: 10px;
  padding-right: 10px;
 
  /* 过渡效果 */
  opacity: 0;
  transition: opacity 0.3s;
}
 
/* 鼠标悬浮时显示悬浮框 */
.name:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media print {
    .head {
        display: none; /* 隐藏页眉 */
    }
    .t-bottom-fix {
        display: none;
    }

    .article-bottom {
        display: none;
    }
}