.sv-sup-wrap{ line-height: 1; overflow-x: hidden;}
.sv-sup-wrap .inner{width: 1200px; margin: 0 auto;}
.sv-sup-wrap .banner{text-align: center; height: 300px;background: url(../images/service_support/banner.png) no-repeat center;}
.sv-sup-wrap .banner h1{font-size: 36px; color: #fff;font-weight: normal; padding-top: 118px;}
.sv-sup-wrap .banner p{font-size: 20px; color: #fff; font-weight: 300; margin-top: 18px;}
.sv-sup-wrap .nav{height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box;border-bottom: 1px solid #EEEEEE; background-color: #fff;position: absolute;width: 100%;z-index: 999;}
.sv-sup-wrap .nav.sticky{position: fixed;top: 0;z-index: 999;-webkit-box-shadow: 0 0 5px rgba(13, 5, 9, 0.1);box-shadow: 0 0 5px rgba(13, 5, 9, 0.1);}
.sv-sup-wrap .nav .inner{width: 100%;}
.sv-sup-wrap .nav ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.sv-sup-wrap .nav li{float: left; line-height: 60px; color: #666; margin:0 90px; position: relative;cursor: pointer;}
.sv-sup-wrap .nav li a{font-size: 18px; color: #666;}
.sv-sup-wrap .nav li:hover a{color: #c7403b;}
.sv-sup-wrap .nav li.active a{ color: #c7403b; font-weight: bold;}
.sv-sup-wrap .nav li.active::after{content: ""; display: block; width: 100%; height: 2px; background-color: #c7403b; position: absolute; bottom: 1px; left: 0;}
.sv-sup-wrap .suketang{display: none;}
.sv-sup-wrap .amap-marker{-webkit-transform: rotate(0deg) !important;-ms-transform: rotate(0deg) !important;transform: rotate(0deg) !important;}
.sv-sup-technology .text{line-height: 34px;color: #999;font-size: 16px;margin-top: 39px;margin-bottom: 35px;}
.sv-sup-title{font-size: 22px;color: #333;position: relative}
.sv-sup-technology .part-1{ height: 616px;position: relative;}
.sv-sup-technology .part-1 .inner{height: calc(100% - 129px);padding-top: 129px;position: relative;}
.sv-sup-technology .part-1 .left{width: 512px;float: left;}
.sv-sup-technology .part-1 p{font-size: 16px;color: #999;line-height: 34px; margin-bottom: 30px; }
.sv-sup-technology .part-1 p:first-of-type{margin-top: 50px;}
.sv-sup-technology .part-1 .swiper-container{width: 100%;height: 100%;position: absolute;top:0; left: 0;}
.sv-sup-technology .part-1 .right{position: absolute; width: 1060px;height: 390px;top: 100px;left: 560px; }
.sv-sup-technology .part-1 .swiper-slide{width: 560px;height: 390px; -webkit-box-sizing: border-box; box-sizing: border-box;padding: 30px;padding-right: 0;}
.sv-sup-technology .part-1 .swiper-slide img{width: 500px;height: 330px;border-radius: 10px; opacity: .3; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;} 
.sv-sup-technology .part-1  .swiper-slide-active img{-webkit-box-shadow: 0px 0px 30px 0px rgba(51, 51, 51, 0.3);box-shadow: 0px 0px 30px 0px rgba(51, 51, 51, 0.3); opacity: 1;}
.sv-sup-technology .part-1 .text1{width: 300px;height: 133px;padding: 13px 33px;font-size: 16px;color: #e3e3e3;background: #4C4A4B;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 34px;
    border-radius: 10px;position: absolute;top: 423px;left: 408px;z-index: 99;text-align: justify;}
.sv-sup-technology .part-1 .control{position: absolute; height: 20px;top: 390px;left: 200px;}
.sv-sup-technology .part-1 .control span{font-size: 14px;color: #e0e0e0;}
.sv-sup-technology .part-1 .control span:first-of-type{color: #999;font-size: 18px;vertical-align: text-bottom;}
.sv-sup-technology .part-1 .prev,
.sv-sup-technology .part-1 .next{position: absolute;width:19px;height: 27px;background: url(../images/service_support/arrow2.png) no-repeat center;
left: -30px;top: -4px;cursor: pointer;}
.sv-sup-technology .part-1 .prev:hover,
.sv-sup-technology .part-1 .next:hover{background-image: url(../images/service_support/arrow2-h.png);}
.sv-sup-technology .part-1 .next{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); left: auto;right: -30px;}
.sv-sup-technology .part-1 .team{position: absolute;font-size: 287px;font-weight: bold;color: #333;opacity: .02;top: 300px;left:50%;margin-left: -955px;}
.sv-sup-technology .part-2{height: 1045px; background-color: #fcfcfc;overflow: hidden;padding-top: 69px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sv-sup-title::after{content: "";width: 52px;height: 2px;background: #C7403B;position: absolute;left: 0; top: 30px;}
.sv-sup-technology .part-2 .port{margin-bottom: 50px;}
.sv-sup-technology .part-2 .port li{float: left; margin-right: 30px;width: 216px;height: 160px;border: 1px solid #C7403B;border-radius: 10px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;
padding: 18px 25px;}
.sv-sup-technology .part-2 .port li:last-child{margin-right: 0px;}
.sv-sup-technology .part-2 .port li span{font-size: 36px;color: #c7403b;}
.sv-sup-technology .part-2 .port li p{font-size: 16px;line-height: 26px;color: #999;margin-top: 15px;}
.sv-sup-technology .part-2 .normal{font-size: 16px;color: #333;}
.sv-sup-technology .part-2 .text2{margin: 10px 0;}
.sv-sup-technology .part-2 .tx{color: #C7403B; font-size: 16px;font-weight: bold;margin: 40px 0 19px 0;}
.sv-sup-technology .part-2 .tx-ms li{float: left;width: 240px;height: 175px;background: url(../images/service_support/icon1.png) no-repeat center 56px;text-align: center;
line-height: 250px;color: #999;font-size: 16px;cursor: pointer;position: relative;}
.sv-sup-technology .part-2 .tx-ms li i{width: 0;height: 0;position: absolute;border: 6px solid transparent;border-bottom-color: #EEEEEE;
bottom: 0;left: 50%;border-width: 0px 10px 18px 10px;margin-left: -10px;display: none;}
.sv-sup-technology .part-2 .tx-ms li i.active{display: inline-block;}
.sv-sup-technology .part-2 .tx-ms li:nth-of-type(2){background-image: url(../images/service_support/icon2.png);}
.sv-sup-technology .part-2 .tx-ms li:nth-of-type(3){background-image: url(../images/service_support/icon3.png);}
.sv-sup-technology .part-2 .tx-ms li:nth-of-type(4){background-image: url(../images/service_support/icon4.png);}
.sv-sup-technology .part-2 .tx-ms li:nth-of-type(5){background-image: url(../images/service_support/icon5.png);}
.sv-sup-technology .part-2 .tx-ms-info{height: 174px;background: #EEE;}
.sv-sup-technology .part-2 .tx-ms-info .spot{margin: 0 0px 0 35px;display: inline-block;width: 360px;}
.sv-sup-technology .part-2 .tx-ms-info .spot span{line-height: 174px; color: #999;}
.sv-sup-technology .part-2 .tx-ms-info .spot span:first-child{font-size: 54px;vertical-align: middle;margin-right: 12px; color: #999;
background-image: -webkit-linear-gradient(top, #666, #fff);-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}
.sv-sup-technology .part-2 .tx-ms-info .inner{display: none;}
.sv-sup-technology .part-2 .tx-ms-info .inner.show{display: block;}
.sv-sup-technology .part-3{height: 480px; background: url(../images/service_support/part3-bg.png) no-repeat center;}
.sv-sup-technology .part-3 .left{width: 50%;overflow: hidden;float: left;height: 100%;}
.sv-sup-technology .part-3 .right{width: 50%; float: right;overflow: hidden;height: 100%;padding: 72px 0 0 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sv-sup-technology .part-3 .left h1{font-size: 32px; color: #fff;margin: 170px 0 45px 108px;}
.sv-sup-technology .part-3 .left p{font-size: 16px; color: #fff; line-height: 34px;margin: 0 119px 0 79px;text-align: center;opacity: .6;}
.sv-sup-technology .part-3 .inner{height: 100%;}
.sv-sup-technology .part-3 .right p{font-size: 16px; color: #999;line-height: 34px; margin: 39px 0 32px 0;}
.sv-sup-technology .part-3 .right ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: distribute;justify-content: space-around;}
.sv-sup-technology .part-3 .right ul li{width: 170px;height: 40px;line-height: 40px;border-radius: 10px;text-align: center; color: #fff;background: #c7403b;margin-bottom: 20px;}
.sv-sup-technology .part-3 .right .p2{font-size: 18px;color: #c7403b;line-height: 34px;text-align: center;font-weight: bold;margin-top: 15px;}
.sv-sup-technology .part-4{height: 730px;overflow: hidden;background: #FCFCFC;}
.sv-sup-technology .part-4 .sv-sup-title{text-align: center;margin-top: 60px;margin-bottom: 42px;position: relative;}
.sv-sup-technology .part-4 .sv-sup-title::after{left: 50%;margin-left: -26px;}
.sv-sup-technology .part-4 .inner>p{font-size: 16px;color: #999;text-align: center;margin-bottom: 0px;}
.sv-sup-technology .map-area{position: relative;}
.sv-sup-technology .info-box{position: absolute; left: 30px; top: 30px; width: 320px;height: 200px; background: #FBFBFB;border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(199,63,59,0.20);  padding: 30px; box-sizing: border-box;}
.sv-sup-technology .info-box h3{position:relative; border: none; outline: none; background:transparent; font-size: 24px; cursor: pointer; font-weight: 400; padding-bottom: 19px; border-bottom: 1px solid #ccc;}
.sv-sup-technology .info-box li{display: none;}
.sv-sup-technology .info-box li.showarea{display: block;}
.sv-sup-technology .info-box li > div{position: relative; font-size: 14px; color: #999; margin-top: 12px; padding-left: 30px; background-size: 15px auto; line-height: 24px;}
.sv-sup-technology .info-box li .phone{background: url("../images/about/phone.png")no-repeat left center;}
.sv-sup-technology .info-box li .address{background: url("../images/about/address.png")no-repeat left top;}
.sv-sup-technology .company-list{width: 1200px; margin: 0px auto; text-align:center; line-height: 1;}
.sv-sup-technology .company-list ul{display: inline-block;}
.sv-sup-technology .company-list li{float: left; margin-right: 130px; cursor: pointer; color:#999; padding:50px 20px 32px;}
.sv-sup-technology .company-list li:last-child{margin-right: 0px;}
.sv-sup-technology .company-list li.showarea{color: #c74038; font-weight: bold;}
.sv-sup-technology .map{width: 1200px;height: 455px;border-radius: 5px;}
/* .sv-sup-technology .company{position: absolute;top: 30px;left: 30px; width: 320px;height: 200px;border-radius: 5px;background: #FBFBFB;-webkit-box-shadow: 0px 0px 15px 0px rgba(199, 64, 59, 0.2);box-shadow: 0px 0px 15px 0px rgba(199, 64, 59, 0.2);
-webkit-box-sizing: border-box;
        box-sizing: border-box;padding: 30px;padding-top: 10px;}
.sv-sup-technology .company .com-title{font-size:24px;line-height: 60px;border-bottom: 1px solid #ccc;cursor: pointer; margin-bottom: 15px;}
.sv-sup-technology .company .com-title i{display: inline-block; width: 16px;height: 9px; background: url(../images/service_support/arrow.png) no-repeat;vertical-align: middle;}
.sv-sup-technology .company p{font-size: 14px;color: #999; padding-left: 34px;line-height: 24px;}
.sv-sup-technology .company p:first-of-type{background: url(../images/service_support/phone.png) no-repeat left center;margin-bottom: 10px;}
.sv-sup-technology .company p:last-of-type{background: url(../images/service_support/location.png) no-repeat left 3px;}
.sv-sup-technology .select-ul{width: 140px; position: absolute; background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px;-webkit-box-shadow: 0 0 10px rgba(199, 64, 59, 0.2);box-shadow: 0 0 10px rgba(199, 64, 59, 0.2);top: 60px;left: 20px;
display: none;}
.sv-sup-technology .select-ul li{font-size: 18px; line-height: 40px; cursor: pointer;text-align: center;}
.sv-sup-technology .select-ul li.hide{display: none;}
.sv-sup-technology .select-ul li:hover{background: #c7403b;color: #fff;} */


.sv-sup-suketang{margin-top: 60px;}
.sv-sup-suketang .part-1{height:413px;}
.sv-sup-suketang .part-1 .inner{background-color: #fff;background: url(../images/service_support/sk-part1-bg.png) no-repeat center 150px;height: 100%;}
.sv-sup-suketang .part-1 p{text-align: center;font-size: 16px;line-height: 30px;margin-top: 80px;}
.sv-sup-suketang .title{font-size: 26px;font-weight: bold; text-align: center;padding-top: 80px;position: relative;}
.sv-sup-suketang .title::after{content: "";width: 18px;height: 3px;background: #c7403b;position: absolute;left: 50%;margin-left: -9px;bottom: -12px;}
.sv-sup-suketang .part-2{background: #f8f8f8;}
.sv-sup-suketang .part-2 .inner{height: 690px;}
.sv-sup-suketang .part-2 ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;margin-top: 50px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sv-sup-suketang .part-2 ul li{width: 280px;height: 385px;background: #fff;-webkit-transition: .2s;-o-transition: .2s;transition: .2s;margin-bottom: 20px;}
.sv-sup-suketang .part-2 ul li:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(13, 5, 9, 0.1);box-shadow: 0px 0px 20px 0px rgba(13, 5, 9, 0.1);}
.sv-sup-suketang .part-2 ul li .content{padding:0 20px;}
.sv-sup-suketang .part-2 ul li .box-top{height: 110px;border-bottom: 1px solid #eee;overflow:hidden;}
.sv-sup-suketang .part-2 ul li .course-title{font-size: 16px;font-weight: bold; color: #c7403b;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;margin-top: 17px;margin-bottom: 15px;}
.sv-sup-suketang .part-2 ul li .course-intro{font-size: 12px;line-height: 24px;color: #666;display: -webkit-box;height: 50px;overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.sv-sup-suketang .part-2 ul li .school{font-size: 12px;color: #999;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;margin-top: 20px;margin-bottom: 22px;}
.sv-sup-suketang .part-2 ul li .free{display: inline-block; width: 40px;height: 20px;background: #F4D9D8;text-align: center;line-height: 20px;font-size: 12px;color: #c7403b;
}
.sv-sup-suketang .part-2 ul li .studied{float: right;font-size: 12px;color: #999;line-height: 20px;}
.sv-sup-suketang .part-2 .more{width: 160px;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #c7403b;line-height: 38px;padding-left: 65px;color: #c7403b;
background: url(../images/service_support/qrcode-red.png) no-repeat 32px center #fff;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer;border-radius: 20px;margin: 0 auto;
position: relative; margin-top: 30px;}
.sv-sup-suketang .part-2 .more:hover{background-color: #c7403b;color: #fff;background-image: url(../images/service_support/qrcode-wihte.png);}
.sv-sup-suketang .part-3{background: #fff;}
.sv-sup-suketang .part-3 .inner{height: 770px;}
.sv-sup-suketang .part-3 p{font-size: 22px;color: #c7403b;font-weight: bold;text-align: center;margin: 62px 0 30px 0;}
.sv-sup-suketang .part-3 .table{width: 870px;margin: 0 auto;}
.sv-sup-suketang .part-3 .tr{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sv-sup-suketang .part-3 .td{width: 180px;height: 50px;margin-bottom: 10px;text-align: center;color: #999;line-height: 50px;
border-radius: 10px;font-size: 20px;background: #FCF5F5;}
.sv-sup-suketang .part-3 .td:nth-child(3){width: 470px;}
.sv-sup-suketang .part-3 .tr:first-of-type .td{background-color: #c7403b;color: #fff;font-weight: bold;}
.sv-sup-suketang .part-4 .inner{height: 645px;}
.sv-sup-suketang .part-4{background: url(../images/service_support/s-part4-bg.png) no-repeat center;}
.sv-sup-suketang .part-4 .title{color: #fff;}
.sv-sup-suketang .part-4 .title::after{background: #fff;}
.sv-sup-suketang .part-4 .content{width: 1200px;height: 340px;margin-top: 75px;}
.sv-sup-suketang .part-4 .left{float: left;width: 50%;background: url(../images/service_support/s-part4-img.png) no-repeat;height: 100%;}
.sv-sup-suketang .part-4 .right{float: right; width: 50%;background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;height: 100%; padding: 0 37px;}
.sv-sup-suketang .part-4 .right p{font-size: 20px;line-height: 36px;font-weight: bold;margin: 27px 0 17px 0;}
.sv-sup-suketang .part-4 .right li{font-size: 16px;color: #999;padding-left: 26px;line-height: 34px;position: relative;}
.sv-sup-suketang .part-4 .right li::before{content:""; width: 9px; height:9px;border: 1px solid #999;position: absolute; left: 0; top: 12px;border-radius: 50%;}
.sv-sup-suketang .part-4 .right .contact{font-size: 16px;color: #c7403b;padding-left: 25px;background: url(../images/service_support/phone-red.png) no-repeat left center;margin-top: 36px;}

.sv-sup-suketang .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .1);z-index: 9999;display:none;}
.sv-sup-suketang .part-2 .qrcode{width: 260px;height: 230px;background-color: #fff; position: absolute;top: -260px;left: -55px;z-index: 99999;box-shadow: 0 0 20px rgba(0, 0, 0, .1);
box-sizing: border-box;padding: 20px;text-align: center;display: none;}
.sv-sup-suketang .part-2 .qrcode::after{content: "";position: absolute;display: block;width: 0;height: 0;border: 11px solid transparent;border-top-color: #fff;
border-bottom-width: 0;bottom: -10px;left: 122px;}
.sv-sup-suketang .part-2 .qrcode p{font-size: 16px;font-weight: bold;line-height: 32px;color: #333;}
.sv-sup-suketang .part-2 .more.active{background-color: #C7403B;color: #fff;background-image: url(../images/service_support/qrcode-wihte.png);}