@charset "utf-8";
/* ===================首页样式========================== */
body{text-align: left;}
a.indnews-bar-more:hover{color:#2386ee;text-decoration: none;}
.indban{width: 100%;position: relative;}
.indban-img{width: 100%;position: relative;}
.indban-img img{width: 100%;min-height: 540px;object-fit: cover;}
.indban .swiper-pagination{bottom: 70px;z-index: 2;}
.indban .swiper-pagination-bullet {border-radius: 8px;background: #2386ee;opacity: .3;transition: all .4s ease;}
.indban .swiper-pagination-bullet-active {opacity: 1;width: 28px;background: #2386ee;}
.indban-wd{position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;margin-left: -280px;}
.indban-wd .contain{width: auto;}
.indban-wd-font{width: 600px;color: #fff;}
.indban-wd-link{width: 100%;font-size: 0;margin-top: 28px;user-select: none;}
.indban-wd h2{font-size: 42px;font-weight: 700;margin-bottom: 14px;}
.indban-wd p{font-size: 16px;line-height: 30px;}
.indban-wd-link a{display: inline-block;width: 140px;height: 48px;line-height: 48px;border-radius: 5px;overflow: hidden;font-size: 16px;text-align: center;margin-right: 10px;position: relative;}
.indban-wd-link a:last-child{margin-right: 0;}
.indban-wd-link a span{position: relative;z-index: 2;}
.indban-wd-link a span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;transition: all .4s ease;display: inline-block;transform: translateY(2px);}
.indban-wd-link a:first-child{background: linear-gradient(135deg,#0068dd,#00aeee);}
.indban-wd-link a:last-child{border: 1px solid #fff;}
.indban-wd-link a:hover span:after{margin-left: 12px;}
.indban-wd h2, .indban-wd p, .indban-wd-link{opacity: 0;}
.swiper-slide-active .indban-wd h2{animation: indbanLeft 1s ease both .4s;}
.swiper-slide-active .indban-wd p{animation: indbanLeft 1s ease both .6s;}
.swiper-slide-active .indban-wd-link{animation: indbanOpacity 1s ease both .9s;}
@keyframes indbanLeft{0%{opacity: 0;transform: translateX(140px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indbanOpacity{0%{opacity: 0;transform: translateX(80px);}100%{opacity: 1;transform: translateX(0);}}
.indban-img-pro{position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transform: translateY(-60px);transition: all 1s ease .5s;}
.swiper-slide-active .indban-img-pro{transform: translateY(0);opacity: 1;}

.indtab{position: absolute;z-index: 4;bottom: -48px;left: 0;width: 100%;}
.indtab ul{margin-left: -1%;}
.indtab li{width: 24%;margin-left: 1%;box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .2);float: left;}
.indtab li a{display: block;width: 100%;border-radius: 3px;overflow: hidden;background: linear-gradient(to bottom,#ffffff,#e2ebf4);padding: 24px;position: relative;}
.indtab li a:after{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(135deg,#0068dd,#00aeee);opacity: 0;transition: all .4s ease;}
.indtab-img{width: 58px;float: left;height: 45px;display: flex;align-items: center;position: relative;z-index: 2;}
.indtab-img img{max-width: 88%;max-height: 100%;}
.indtab-img-s{display: block;}
.indtab-img-h{display: none;}
.indtab-wd{width: calc(100% - 58px);float: right;position: relative;z-index: 2;}
.indtab-wd h4{font-size: 18px;color: #111;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.indtab-wd p{font-size: 14px;color: #888;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.indtab li a:hover:after{opacity: 1;}
.indtab li a:hover .indtab-img-s{display: none;}
.indtab li a:hover .indtab-img-h{display: block;}
.indtab li a:hover .indtab-wd h4, .indtab li a:hover .indtab-wd p{color: #fff;}

.indtab li{opacity: 0;animation: indtabLi 1s ease both;}
.indtab li:nth-child(1){animation-delay: .6s;}
.indtab li:nth-child(2){animation-delay: .8s;}
.indtab li:nth-child(3){animation-delay: 1s;}
.indtab li:nth-child(4){animation-delay: 1.2s;}
@keyframes indtabLi{0%{opacity: 0;transform: translateY(68px);}100%{opacity: 1;transform: translateY(0);}}

.indtit{width: auto;}
.indtit h4{font-size: 32px;color: #061828;}
.indtit p{font-size: 16px;color: #505362;line-height: 24px;margin-top: 14px;}

.indpro{width: 100%;padding: 120px 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.indpro-bar{width: 100%;}
.indpro-bar .indtit{float: left;}
.indpro-menu{float: right;font-size: 0;padding-top: 40px;}
.indpro-menu-link, .indpro-menu-more{display: inline-block;vertical-align: middle;user-select: none;}
.indpro-menu-link li{display: inline-block;margin: 0 20px;position: relative;font-size: 14px;color: #555;cursor: pointer;transition: all .4s ease;}
.indpro-menu-link li:after{content: "";width: 0;right: 0;height: 2px;background: #2386ee;transition: all .4s ease;position: absolute;bottom: -3px;}
.indpro-menu-link li.ontrue, .indpro-menu-link li:hover{color: #2386ee;}
.indpro-menu-link li.ontrue:after{width: 100%;right: auto;left: 0;}
.indpro-menu-link li:hover:after{width: 100%;right: auto;left: 0;}
.indpro-menu-more {width: 120px;height: 36px;margin-left: 20px;line-height: 34px;border-radius: 5px;border: 2px solid #2386ee;font-size: 14px;text-align: center;color: #2386ee;position: relative;transition: all .4s ease;}
.indpro-menu-more span{position: relative;z-index: 2;}
.indpro-menu-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indpro-menu-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indpro-menu-more:hover{color: #fff;}
.indpro-menu-more:hover:after{width: 100%;right: auto;left: 0;}
.indpro-box{width: 100%;margin-top: 30px;}
.indpro-item{width: 100%;display: none;}
.indpro-item.ontrue{display: block;}
.indpro-video{width: 300px;float: left;padding: 86px 0 0 36px;height: 465px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indpro-video-title{width: 100%;}
.indpro-video-title h6{font-size: 26px;color: #222;font-weight: 700;}
.indpro-video-title h6 span, .indpro-video-title h6 img{display: inline-block;vertical-align: middle;}
.indpro-video-title h6 img{margin-left: 10px;cursor: pointer;border-radius: 50%;transition: all .6s ease;}
.indpro-video-title h6 img:hover{background: #2386ee;}
.indpro-video-title p{font-size: 18px;color: #444;font-weight: 300;margin-top: 12px;}
.indpro-video-link{width: 100%;font-size: 0;margin-top: 40px;}
.indpro-video-link a{display: inline-block;font-size: 14px;color: #2386ee;position: relative;margin-right: 16px;}
.indpro-video-link a:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-video-link a:last-child{margin-right: 0;}
.indpro-video-link a:before{content: "";width: 0;right: 0;height: 1px;background: #2386ee;position: absolute;bottom: 0;transition: all .4s ease;}
.indpro-video-link a:hover:before{width: 100%;right: auto;left: 0;}
.indpro-wd{width: 100%;text-align: center;transition: all .4s ease;}
.indpro-wd i{display: block;height: 62px;line-height: 62px;overflow: hidden;transition: all .2s ease;}
.indpro-wd i img {height: 62px;}
.indpro-wd h4{font-size: 24px;color: #222;margin: 10px 0 16px;}
.indpro-wd p{font-size: 14px;color: #777;line-height: 22px;max-width: 174px;margin: 0 auto;min-height: 44px;}
.indpro-link{width: 100%;position: absolute;bottom: -54px;left: 0;font-size: 0;z-index: 4;transition: all .4s ease;}
.indpro-link a{display: inline-block;vertical-align: top;height: 54px;line-height: 54px;text-align: center;width: 50%;font-size: 14px;}
.indpro-link a:first-child{border: 1px solid #2386ee;color: #2386ee;background: #fff;}
.indpro-link a:last-child{background: linear-gradient(135deg,#0068dd,#00aeee);color: #fff;}
.indpro-link a span:after{content: "";font-family: "FontAwesome";transition: all .4s ease;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-link a:hover span:after{content: "\f105";margin-left: 10px;}
.indpro-list{width: calc(100% - 300px);float: right;}
.indpro-list li{width: 33.3333%;float: left;height: 232.5px;background: #fff;display: flex;align-items: center;position: relative;overflow: hidden;transition: all .4s ease;}
.indpro-list li:before{content: "";width: 1px;height: 100%;position: absolute;background: #dae0e5;top: 0;right: 0;}
.indpro-list li:after{content: "";width: 100%;height: 1px;position: absolute;background: #dae0e5;bottom: 0;left: 0;}
.indpro-list li:nth-child(3n):before{display: none;}
.indpro-list li:nth-child(n+4):after{display: none;}
.indpro-list li:hover .indpro-link{bottom: 0;}
.indpro-list li:hover .indpro-wd i{opacity: 0;}
.indpro-list li:hover .indpro-wd{transform: translateY(-66px);}
.indpro-list li:hover{box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.12);z-index: 2;}

.indcase{width: 100%;overflow: hidden;background: #020a55;}
.indcase-title{width: 100%;padding: 88px 0 30px;}
.indcase-title .indtit h4{color: #fff;}
.indcase-title .indtit p{color: #a3a3a3;}
.indcase-title .contain{padding-right: 180px;position: relative;}
.indcase-more {position: absolute;right: 0;bottom: -4px;display: block;width: 132px;height: 36px;margin-left: 20px;line-height: 34px;border-radius: 5px;border: 2px solid #8589b2;font-size: 14px;text-align: center;color: #8589b2;transition: all .4s ease;}
.indcase-more span{position: relative;z-index: 2;}
.indcase-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indcase-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indcase-more:hover{border: 2px solid #2386ee;color: #fff;}
.indcase-more:hover:after{width: 100%;right: auto;left: 0;}
.indcase-box{width: 100%;position: relative;}
.indcase-img{width: 100%;object-fit: cover;position: relative;min-height: 475px;}
.indcase-wd{position: absolute;z-index: 2;top: 50%;left: 0;transform: translateY(-36%);width: 100%;}
.indcase-wd-font{width: 540px;color: #fff;}
.indcase-wd h2{font-size: 30px;margin-bottom: 15px;}
.indcase-wd p{font-size: 16px;line-height: 30px;}
.indcase-wd h2, .indcase-wd p{opacity: 0;}
.swiper-slide-active .indcase-wd h2{animation: indbanLeft 1s ease both .4s;}
.swiper-slide-active .indcase-wd p{animation: indbanLeft 1s ease both .6s;}
.swiper-slide-active .indcase-wd .indban-wd-link{animation: indbanOpacity 1s ease both .9s;}
.indcase-click{position: absolute;top: 0;width: 100%;left: 0;z-index: 4;user-select: none;}
.indcase-click:after{content: "";position: absolute;bottom: 5px;width: 100%;height: 1px;background: #fff;opacity: .2;}
.indcase-click .equip-min{width: 100%;position: relative;text-align: center;cursor: pointer;}
.indcase-click .equip-min p{font-size: 18px;color: #fff;height: 58px;line-height: 58px;}
.indcase-click .equip-min i{position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 50%;margin-left: -5px;bottom: -5px;background: #fff;}
.indcase-click .contain{position: relative;padding: 0 50px;}
.indcase-click .swiper-container{padding-bottom: 6px;}
.indcase-click .equip-min.cur i{width: 100%;border-radius: 0;height: 2px;left: 0;right: 0;margin: 0 auto;bottom: -1px;transition: width .6s ease;}
.indcase-click-prev, .indcase-click-next{position: absolute;transition: all .4s ease;bottom: -11px;z-index: 4;height: 34px;width: 34px;cursor: pointer;border-radius: 50%;background: #020a55 url('../images/indcasearr.png') no-repeat left 10px center;overflow: hidden;border: 1px solid rgba(255, 255, 255, .2);}
.indcase-click-prev{left: 0;}
.indcase-click-next{right: 0;transform: rotate(180deg);}
.indcase-click-prev:hover, .indcase-click-next:hover{animation: casearr .6s linear both;}
.indcase-box .swiper-slide img {
    width: 100%;
    height: 475px;
    object-fit: cover;
}
@keyframes casearr{0%{background-position: left 10px center;}60%{background-position: -34px center;}60.0001%{background-position: 34px center;}100%{background-position: left 10px center;}}

.indsto{width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 88px 0 100px;overflow: hidden;}
.indsto .indtit p{color: #777;}
.indsto-bar{width: 100%;}
.indsto-bar .indtit{float: left;}
.indsto-menu{float: right;font-size: 0;padding-top: 40px;}
.indsto-menu-link, .indsto-menu-more{display: inline-block;vertical-align: middle;user-select: none;}
.indsto-menu-link li{display: inline-block;margin: 0 20px;position: relative;font-size: 14px;color: #555;cursor: pointer;transition: all .4s ease;}
.indsto-menu-link li:after{content: "";width: 0;right: 0;height: 2px;background: #2386ee;transition: all .4s ease;position: absolute;bottom: -3px;}
.indsto-menu-link li.ontrue, .indsto-menu-link li:hover{color: #2386ee;}
.indsto-menu-link li.ontrue:after{width: 100%;right: auto;left: 0;}
.indsto-menu-link li:hover:after{width: 100%;right: auto;left: 0;}
.indsto-menu-more {width: 138px;height: 36px;margin-left: 20px;line-height: 34px;border-radius: 5px;border: 2px solid #2386ee;font-size: 14px;text-align: center;color: #2386ee;position: relative;transition: all .4s ease;}
.indsto-menu-more span{position: relative;z-index: 2;}
.indsto-menu-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indsto-menu-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indsto-menu-more:hover{color: #fff;}
.indsto-menu-more:hover:after{width: 100%;right: auto;left: 0;}
.indsto-box{width: 100%;margin-top: 22px;}
.indsto-item{width: 1560px;display: none;float: right;}
.indsto-item.ontrue{display: block;}
.indsto-loop{width: calc(100% - 104px);float: right;}
.indsto-loop .swiper-container{padding: 10px;}
.indsto-imgwd{width: 100%;box-shadow: 0 2px 10px 2px #dee4e8;overflow: hidden;position: relative;}
.indsto-img{width: 100%;overflow: hidden;}
.indsto-img img{width: 100%;object-fit: cover;height: 294px;}
.indsto-wdbox{width: 100%;height: 120px;padding: 0 32px;display: flex;align-items: center;background: #fff;}
.indsto-wd{width: 100%;}
.indsto-wd h2{font-size: 22px;color: #444;font-weight: 700;transition: all .4s ease .2s;}
.indsto-wd p{font-size: 16px;color: #777;line-height: 24px;height: 48px;overflow: hidden;margin-top: 8px;transition: all .4s ease .2s;}
.indsto-sd{width: 100%;background: #fff;position: absolute;height: 100%;top: 0;opacity: 0;left: 0;z-index: 2;padding: 38px 32px 0;overflow: hidden;transition: all .6s ease;}
.indsto-sd-title h2{font-size: 24px;font-weight: 700;color: #0068dd;margin-bottom: 16px;}
.indsto-sd-title h6{font-size: 16px;color: #777;margin: 8px 0 16px;}
.indsto-sd-title p{font-size: 14px;color: #444;line-height: 24px;text-align: justify;height: 96px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.indsto-sd-pro{width: 100%;margin-top: 72px;}
.indsto-sd-pro h6{font-size: 16px;color: #444;font-weight: 700;}
.indsto-sd-pro p{width: 100%;overflow: hidden;margin-top: 10px;}
.indsto-sd-pro p a{margin-right: 18px;font-size: 14px;line-height: 20px;color: #888;transition: all .4s ease;float: left;display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indsto-sd-pro p a:hover{color: #0068dd;}
.indsto-sd-link{display: block;width: 100%;box-shadow: 4px 4px 10px 0px #cef4fe;height: 50px;color: #fff;line-height: 50px;margin-top: 24px;background: linear-gradient(135deg,#0068dd,#00aeee);border-radius: 5px;overflow: hidden;font-size: 16px;text-align: center;position: relative;}
.indsto-sd-link span{position: relative;z-index: 2;}
.indsto-sd-link span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;transition: all .4s ease;display: inline-block;transform: translateY(2px);}
.indsto-sd-link:hover span:after{margin-left: 12px;}
.indsto-imgwd:hover .indsto-sd{opacity: 1;}
.indsto-sd-title h2, .indsto-sd-title p, .indsto-sd-pro, .indsto-sd-link{transform: translateY(20px);transition: all .6s ease;opacity: 0;}
.indsto-imgwd:hover .indsto-sd-title h2{opacity: 1;transform: translateY(0);}
.indsto-imgwd:hover .indsto-sd-title p{opacity: 1;transform: translateY(0);}
.indsto-imgwd:hover .indsto-sd-pro{opacity: 1;transform: translateY(0);}
.indsto-imgwd:hover .indsto-sd-link{opacity: 1;transform: translateY(0);}
.indsto .swiper-slide{width: 355px !important;}

.indsto-btn-box{width: 104px;float: left;overflow: hidden;}
.indsto-btn{width: 100%;float: right;height: 414px;margin-top: 10px;padding-top: 36px;position: relative;}
.indsto-btn-li{width: 100%;margin-top: 16px;}
.indsto-btn-li>div{width: 58px;height: 58px;overflow: hidden;border-radius: 50%;border: 4px solid #aab0c3;cursor: pointer;background: url('../images/indstoic.png') no-repeat center;transition: all .4s ease;}
.indsto-btn-next{transform: rotate(180deg);}
.indsto-btn-li>div:hover{animation: stoarr .6s linear both;border-color: #2386ee;background-image: url('../images/indstoich.png');}
@keyframes stoarr{0%{background-position: center center;}60%{background-position: 60px center;}60.0001%{background-position: -60px center;}100%{background-position: center center;}}
.indsto-line{position: absolute;width: 60px;height: 2px;left: 0;bottom: 0;background: #b3b9c1;}
.indsto-line i{position: absolute;width: 0;height: 2px;top: 0;left: 0;background: #2386ee;transition: all .4s ease;}

.indnews{width: 100%;background: #f3f3f3;overflow: hidden;padding: 84px 0 100px;overflow: hidden;}
.indnews .indtit p{color: #777;}
.indnews-list{width: 100%;margin-top: 30px;}
.indnews-list ul{margin-left: -1.5%;}
.indnews-list li{width: 31.8333%;float: left;margin-left: 1.5%;background: #fff;transition: all .4s ease;overflow: hidden;}
.indnews-list li:hover{box-shadow: 0 4px 20px 2px #cecece;}
.indnews-one a{display: block;width: 100%;overflow: hidden;}
.indnews-one-img{width: 100%;overflow: hidden;}
.indnews-one-img img{width: 100%;object-fit: cover;transition: all .4s linear;height: 188px;}
.indnews-one-wd{width: 100%;padding: 30px 28px 0;height: 188px;overflow: hidden;position: relative;}
.indnews-one-wd h1{font-size: 20px;color: #111;line-height: 30px;height: 90px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.indnews-one-wd span{position: absolute;font-size: 14px;color: #747192;left: 28px;bottom: 28px;}
.indnews-one a:hover .indnews-one-img img{transform: scale(1.06);}
.indnews-one a:hover .indnews-one-wd h1{color: #2386ee;}
.indnews-tab a{display: block;width: 100%;overflow: hidden;}
.indnews-tab-img, .indnews-tab-wd{width: 50%;height: 188px;overflow: hidden;}
.indnews-tab-img img{width: 100%;height: 100%;object-fit: cover;transition: .4s linear;}
.indnews-tab a:first-child .indnews-tab-img{float: left;}
.indnews-tab a:first-child .indnews-tab-wd{float: right;}
.indnews-tab a:last-child .indnews-tab-img{float: right;}
.indnews-tab a:last-child .indnews-tab-wd{float: left;}
.indnews-tab-wd{padding: 24px 24px 0;position: relative;}
.indnews-tab-wd h1{font-size: 18px;color: #111;line-height: 26px;transition: all .4s ease;height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.indnews-tab-wd span{position: absolute;font-size: 14px;color: #747192;left: 28px;bottom: 28px;}
.indnews-tab a:hover .indnews-tab-img img{transform: scale(1.06);}
.indnews-tab a:hover .indnews-tab-wd h1{color: #2386ee;}
.indnews-bar-link{width: 100%;padding: 9px 24px 0;position: relative;overflow: hidden;}
.indnews-bar-link:before{content: "";width: 100%;height: 15px;background: #fff;top: 9px;left: 0;z-index: 2;position: absolute;}
.indnews-bar-link .swiper-wrapper{height: 300px !important;}
.indnews-bar-link a{display: block;width: 100%;border-bottom: 1px solid #e9e8ef;padding: 15px 0;}
.indnews-bar-link a h1{font-size: 16px;line-height: 23px;color: #111;transition: all .4s ease;height: 46px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indnews-bar-link a span{display: block;font-size: 14px;color: #747192;margin-top: 6px;}
.indnews-bar-link a:hover h1{color: #2386ee;}
.indnews-bar-more{display: block;width: 100%;height: 48px;margin-top: 19px;padding: 0 24px;transition: all .4s ease;font-size: 16px;color: #2386ee;background: url('../images/indnewsarr.png') no-repeat right 24px top 6px;}
.indnews-bar-more span{position: relative;}
.indnews-bar-more span:after{content: "";width: 0;right: 0;height: 1px;background: #2386ee;position: absolute;bottom: -4px;transition: all .4s ease;}
.indnews-bar-more:hover span:after{right: auto;left: 0;width: 100%;}
.indnews-bar-line{position: absolute;width: 2px;height: 95px;right: 0;top: 0px;background: #2386ee;z-index: 5;transition: all .8s ease;}

.indwe{width: 100%;height: 480px;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;align-items: center;overflow: hidden;}
.indwe-title{width: 100%;}
.indwe-title h4{font-size: 38px;color: #fff;}
.indwe-title p{font-size: 16px;line-height: 24px;color: #fff;opacity: .75;margin: 24px 0 30px;}
.indwe-title a {display: block;width: 200px;height: 46px;line-height: 44px;border-radius: 5px;border: 2px solid #2386ee;font-size: 16px;text-align: center;color: #2386ee;position: relative;transition: all .4s ease;}
.indwe-title a span{position: relative;z-index: 2;}
.indwe-title a span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indwe-title a:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indwe-title a:hover{color: #fff;}
.indwe-title a:hover:after{width: 100%;right: auto;left: 0;}
.indwe-link{width: 100%;font-size: 0;margin-top: 42px;}
.indwe-link a{display: inline-block;font-size: 14px;color: #eee;line-height: 20px;margin-right: 20px;transition: all .4s ease;}
.indwe-link a:last-child{margin-right: 0;}
.indwe-link a:hover, .indwe-link a.ontrue{color: #2386ee;}

.indgo{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indgo-desc, .indgo-link{display: flex;height: 171px;align-items: center;}
.indgo-desc{float: left;}
.indgo-desc p{color: #fff;font-size: 30px;}
.indgo-desc p b{font-weight: 700;}
.indgo-link{float: right;}
.indgo-link a{display: block;width: 180px;height: 52px;line-height: 52px;border-radius: 5px;overflow: hidden;font-size: 16px;text-align: center;position: relative;color: #fff;border: 1px solid #fff;}
.indgo-link a span{position: relative;z-index: 2;}
.indgo-link a span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transition: all .4s ease;transform: translateY(2px);}
.indgo-link a:hover span:after{margin-left: 12px;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .indsto-item{width: 1390px;}
    .indsto .swiper-slide {width: 320px !important;}
    .indsto-img img{height: 265px;}
    .indsto-btn {height: 374px;padding-top: 24px;}
    .indsto-sd-pro{margin-top: 48px;}
    .indsto-sd{padding: 30px 24px 0;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indpro{padding: 100px 0;}
    .indsto-item {width: 1310px;}
    .indsto .swiper-slide {width: 310px !important;}
    .indsto-img img{height: 256px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indsto-item {width: 1270px;}
    .indsto .swiper-slide {width: 300px !important;}
    .indsto-img img{height: 248px;}
    .indsto-btn {height: 358px;padding-top: 24px;}
    .indsto-sd-pro{margin-top: 40px;}
    .indsto-sd{padding: 24px 20px 0;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .indsto-item {width: 1230px;}
    .indsto .swiper-slide {width: 280px !important;}
    .indsto-img img{height: 232px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indsto-item {width: 100%;padding-left: 3%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar ul li {margin: 0 2px;}
}

@media all and (max-width: 1200px) {
    .indban-wd {
        margin-left: 0;
        width: 100%;
        padding-left: 3%;
    }
}