@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;position: relative;overflow: hidden;}
.indban-img{width: 100%;}
.indban-img img{width: 100%;object-fit: cover;}
.indban-img img.pc{display: block;height: calc(100vh - 82px); height:auto;}
.indban-img img.mb{display: none;}
.indban-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #fff;}
.indban-cont h2{font-size: 60px;font-weight: 700;line-height: 1.18;}
.indban-cont img{max-width: 100%;display: block;margin-top: 24px;}
.indban-cont p{font-size: 14px;line-height: 26px;max-width: 530px;font-weight: 300;margin-top: 44px;text-align: justify;text-justify: distribute;}
/* 效果 */
.indban-cont h2, .indban-cont img, .indban-cont p{opacity: 0;}
.swiper-slide-active .indban-cont h2{animation: indbanUp 1s ease both 0.9s;}
.swiper-slide-active .indban-cont img{animation: indbanUp 1s ease both 1s;}
.swiper-slide-active .indban-cont p{animation: indbanUp 1s ease both 1.1s;}
.swiper-slide-active.on .indban-cont h2{animation: indbanUp 1s ease both 0.4s;}
.swiper-slide-active.on .indban-cont img{animation: indbanUp 1s ease both 0.5s;}
.swiper-slide-active.on .indban-cont p{animation: indbanUp 1s ease both 0.6s;}
@keyframes indbanUp{0%{opacity: 0;transform: translateY(200px);}100%{opacity: 1;transform: translateY(0);}}
.indban .swiper-pagination{bottom: 60px;padding: 0 220px;text-align: right;}
.indban .swiper-pagination-bullet {width: 16px;height: 16px;background: #fff;margin: 0 10px !important;}
.indban .swiper-pagination-bullet-active {opacity: 1;background: #d6ac78;}

.indTitle{width: 100%;text-align: center;}
.indTitle h2{font-size: 42px;color: #333;line-height: 1;margin-bottom: 26px;font-weight: 700;}
.indTitle p{font-size: 16px;color: #777;line-height:32px;max-width:1250px;margin:0 auto;text-align:left}
.indTitle.white h2, .indTitle.white p{color: #fff;}

.indMore{display: flex;align-items: center;justify-content: center;width: 146px;height: 50px;background: #47c3f1;border-radius: 25px;overflow: hidden;font-size: 16px;color: #fff;position: relative;}
.indMore span{position: relative;z-index: 2;}
.indMore::before, .indMore::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.indMore::before{background: linear-gradient(135deg,#2b64cb,#2b64cb);}
.indMore::after{background: linear-gradient(135deg,#2b64cb,#2b64cb);opacity: 0;}
.indMore:hover::before{opacity: 0;}
.indMore:hover::after{opacity: 1;}

.indcp{width: 100%;padding-top:100px;overflow: hidden;}
.indcpmenu{width: 100%;}
.indcploop{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 70px 0 100px;position:relative;z-index:1;margin-top: 32px}
.indcploop .contain-1520{position: relative}
.indcploop-items{width: 100%;padding: 0 100px;}
.indcploop-link{display: block;width: 100%;background: #fff;border-radius: 10px;overflow: hidden;}
.indcploop-link-img{display: flex;overflow: hidden;position: relative;
    height: 278px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dddddd;
}
.indcploop-link-img::after{content: "";position: absolute;width: 50px;height: 100%;background: #fff;top: 0;left: -86%;opacity: 0.4;transform: skewX(45deg);}
.indcploop-link-img img{
    transition: all .8s ease;
    max-width: 90%;
    max-height: 90%;
    height: auto;
}
.indcploop-link-cont{
    padding: 34px 40px;
}
.indcploop-link-cont h2{font-size: 22px;color: #333;line-height: 1;position: relative;}
.indcploop-link-cont h2 a{transition: all .4s ease;}
.indcploop-link-cont h2 a:hover{color: #47c3f1}
.indcploop-link-cont p{font-size: 15px;margin: 16px 0 20px;color: #888;line-height: 22px;height: 70px;text-align: justify;text-justify: distribute;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indcploop-link-more{display: flex;transition: all .4s ease;font-size: 15px;color: #29abdc;align-items: center;line-height: 1}
.indcploop-link-more i{
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url(img/arrR-blue.svg) no-repeat center;
    transition: transform .4s ease;
}
.indcploop-link-more:hover i{
    transform: translateX(-5px);
}
.indcploop-link-img:hover::after{left: 156%;transition: all 1s ease;}
.indcploop-prev, .indcploop-next{width: 60px;height: 60px;border-radius: 50%;position: absolute;overflow: hidden;top: 50%;margin-top: -77px;cursor: pointer;border: 4px solid #47c3f1;background: url(img/arrR-blue.svg) no-repeat center /20px;transition: all .4s ease;}
.indcploop-prev{left: 0;transform: rotate(180deg);}
.indcploop-next{right: 0;}
.indcploop-prev:hover, .indcploop-next:hover{border-color: #47c3f1;background-image: url('img/arrRW.svg');background-color:#47c3f1}
@keyframes indcpArr{0%{background-position: left 20px center;}60%{background-position: 62px center;}60.0001%{background-position: -62px center;}100%{background-position: left 20px center;}}
.indcploop .indMore{margin: 44px auto 0;}
.indcploop .swiper-pagination{display: none;}

.indfa{width: 100%;overflow: hidden;position: relative;}
.indfa-img{width: 100%;text-align: right;}
.indfa-img img{width: 53.59%;object-fit: cover;}
.indfa-mix{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
.indfa-cont{width: 520px;}
.indfa-cont .indTitle{text-align: left;}
.indfa-link{width: 100%;margin: 28px 0 32px;overflow: hidden;}
.indfa-link a{display: flex;align-items: center;flex-wrap: wrap;position: relative;height: 80px;width: 45%;border-bottom: 1px solid #efefef;}
.indfa-link a::after{content: "";width: 8px;height: 100%;position: absolute;right: 0;top: 0;background: url('img/indfaArr.png') no-repeat center;opacity: 0;transform: translateX(-20px);transition: all .4s ease;}
.indfa-link a:nth-child(2n+1){float: left;}
.indfa-link a:nth-child(2n){float: right;}
.indfa-link a i{display: block;width: 60px;}
.indfa-link a i img{max-width: 44px;}
.indfa-link a p{font-size: 18px;color: #444;transition: all .4s ease;}
.indfa-link a:hover p{color: #47c3f1}
.indfa-link a:hover::after{opacity: 1;transform: translateX(0);transition: all .4s ease .2s;}

.indxw{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 136px 0 70px;}
.indxw .contain-1520{width: 1600px;}
.indxw-mix{width: 100%;position: relative;overflow: hidden;padding: 0 40px;}
.indxw .indTitle{text-align: left;float: left;width: auto;}
.indxw-bm{float: right;display: flex;}
.indxw-btn{margin-right: 40px;}
.indxw-btn>div{width: 58px;height: 58px;cursor: pointer;display: inline-block;vertical-align: middle;position: relative;border-radius: 50%;background: url('img/indcpArrB.png') no-repeat center;transition: all .4s ease;}
.indxw-prev{transform: rotate(180deg);margin-right: 12px;}
.indxw-btn>div::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('img/indxwqq.png') no-repeat center/100% 100%;transform: scale(0.68);opacity: 0;transition: all .4s ease;}
.indxw-btn>div:hover{background-image: url('img/indcpArrH.png');}
.indxw-btn>div:hover::after{opacity: 1;transform: scale(1);}
.indxw-loop{width: 100%;margin-top: 30px;height: 483px;}
.indxw-loop .swiper-container{padding: 10px 16px 30px;}
.indxw-link{display: block;transform: scale(1);transition: all .6s ease;width: 100%;box-shadow: 6px 6px 16px 0 rgba(0, 0, 0, 0.1);overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.indxw-link-img{width: 100%;overflow: hidden;height:332px}
.indxw-link-img img{width: 100%;object-fit: cover;transition:all 1s ease;height:100%}
.indxw-link:hover img{transform:scale(1.04)}
.indxw-link-mix{width: 100%;overflow: hidden;background: #fff;}
.indxw-link-date{width: 80px;float: left;position: relative;font-family: Arial;font-weight: 400;color: #afafaf;display: flex;flex-direction: column;justify-content: center;height: 110px;text-align: center;transition: all .4s ease;}
.indxw-link-date span{font-size: 33px;line-height: 1;position: relative;z-index: 2;}
.indxw-link-date p{font-size: 14px;position: relative;z-index: 2;}
.indxw-link-date::before, .indxw-link-date::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.indxw-link-date::before{background: linear-gradient(to right,#fff,#f6f6f6);}
.indxw-link-date::after{background: linear-gradient(135deg,#6de5ff,#3aabe8);opacity: 0;}
.indxw-link-cont{width: calc(100% - 80px);float: right;display: flex;align-items: center;padding: 0 42px;height: 110px;}
.indxw-link-cont h2{font-size: 20px;color: #555;transition: all .4s ease;line-height: 28px;height: 56px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link:hover{transform: scale(1);box-shadow: 6px 6px 16px 0 rgba(71, 195, 241, 0.2);}
.indxw-link:hover .indxw-link-cont h2{color: #47c3f1;}
.indxw-link:hover .indxw-link-date{color: #fff;}
.indxw-link:hover .indxw-link-date::before{opacity: 0;}
.indxw-link:hover .indxw-link-date::after{opacity: 1;}

.indgy{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 150px 0 120px;}
/* ---- */
.indgy .indMore{margin: 62px auto 0;}
.indgy-num{display: flex;width: 100%;overflow: hidden;margin-top: 50px;flex-wrap: wrap;}
.indgy-num li{width: 25%;text-align: center;color: #fff;position: relative;float: left;}
.indgy-num li h6{line-height: 1;font-size: 80px;font-weight: 700;font-family:'DINCond';}
.indgy-num li p{line-height: 1;font-size: 16px;margin-top: 2px;}
.indgy-num li::after{content: "";border: 1px dashed rgba(255,255,255,.5);position: absolute;right: 0;top: 0;height: 100%;}
.indgy-num li:last-child:after{display: none;}

.indkq{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 140px 0 120px;}
.indkq .indTitle{text-align: left;float: left;width: auto;}
.indkq .indxw-mix{padding: 0 0 20px;border-bottom: 1px solid #e7e7e7;}
.indkq-mix{width: 100%;margin-top: 40px;display: flex;justify-content: space-between;}
.indkq-cont{width: auto;}
.indkq-cont-list{display: block;width: 100%;}
.indkq-cont-list li{display: block;margin-top: 14px;padding-left: 42px;font-size: 16px;color: #444;line-height: 30px;}
.indkq-cont-list li:first-child{margin-top: 0;}
.indkq-cont-list li i{display: inline-block;width: 20px;}
.indkq-cont-list li.dz{background: url('img/indkq1.png') no-repeat left top;}
.indkq-cont-list li.dh{background: url('img/indkq2.png') no-repeat left top 2px;}
.indkq-cont-list li.cz{background: url('img/indkq3.png') no-repeat left top 1px;}
.indkq-cont-list li.yx{background: url('img/indkq4.png') no-repeat left top 5px;}
.indkq-cont-more{display: flex;align-items: center;justify-content: center;transition: all .4s ease;width: 148px;height: 50px;border-radius: 25px;border: 2px solid #47c3f1;font-size: 18px;color: #29abdc;font-weight: 700;margin-top: 46px;}
.indkq-cont-more:hover{background: #47c3f1;color: #fff;}
.indkq-code-li{display: inline-block;vertical-align: top;margin-left: 50px;text-align: center;}
.indkq-code-li:first-child{margin-left: 0;}
.indkq-code-li img{width: 131px;height: 131px;}
.indkq-code-li p{font-size: 16px;color: #444;line-height: 1;margin-top: 12px;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indxw .contain-1520 {width: 1480px;}
    .indxw-loop{height: 456px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indban-cont h2 {font-size: 44px;}
    .indban-cont p {margin-top: 32px;}
    .indcp {padding-top: 100px;}
    .indTitle h2 {font-size: 34px;margin-bottom: 20px;}
    .indcploop {padding: 70px 0 80px}
    .indcploop-link-img{height: 220px}
    .indcploop-link-cont{padding: 30px 20px}
    .indfa-cont {width: 450px;}
    .indfa-link a {height: 70px;width: 46%;}
    .indxw {padding: 100px 0 50px;}
    .indxw .contain-1520 {width: 1280px;}
    .indxw-link-cont {padding: 0 32px;}
    .indxw-loop{height: 412px;}
    .indgy {padding: 120px 0 100px;}
    .indgy-num li h6{font-size: 68px;}
    .indkq {padding: 110px 0 100px;}
    .indban .swiper-pagination {bottom: 40px;padding: 0 160px;}
    .indxw-link-img{height:270px}
    .indTitle p{max-width:1020px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indcploop-prev{left: 24px;}
    .indcploop-next{right: 24px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indcploop-prev{left: 42px;}
    .indcploop-next{right: 42px;}
    .indcploop-prev, .indcploop-next {width: 50px;height: 50px;margin-top: -72px}
    @keyframes indcpArr{0%{background-position: left 16px center;}60%{background-position: 62px center;}60.0001%{background-position: -62px center;}100%{background-position: left 16px center;}}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-cont h2 {font-size: 36px;}
    .indcp {padding-top: 80px;}
    .indTitle h2 {font-size: 28px;margin-bottom: 16px;}
    .indcploop-prev{left: 10px;}
    .indcploop-next{right: 10px;}
    .indcploop {padding: 80px 0 60px;}
    .indfa-img img{min-height: 540px;}
    .indfa-cont {width: 390px;}
    .indxw .contain-1520 {width: 1040px;}
    .indxw-loop {height: 474px;margin-top: 16px;}
    .indxw {padding: 80px 0 50px;}
    .indgy {padding: 90px 0 80px;}
    .indgy-num li h6 {font-size: 56px;}
    .indgy-num li{padding: 0 12px;}
    .indgy-num li p{line-height: 24px;}
    .indgy .indMore {margin-top: 50px;}
    .indkq {padding: 90px 0 80px;}
    .indban .swiper-pagination {bottom: 40px;padding: 0 120px;}
    .indcploop-items{padding: 0 80px}
    .indxw-link-img{height:320px}
    .indTitle p{max-width:830px}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban-img img.pc{height: auto;min-height: 540px;}
    .indxw .contain-1520{width: 960px;}
    .indxw-mix {padding: 0;}
    .indxw-loop .swiper-container {padding: 0;}
    .indxw-link {transform: scale(1); box-shadow: none;}
    .indxw-loop {height: 418px;margin-top: 40px;}
    .indcploop-items{padding: 0 80px;}
    .indxw-link-cont{background: linear-gradient(to left,#fff,#f6f6f6);border-left: 1px solid #dedede;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indxw .contain-1520{width: 92%;}
    .indfa-img img{width: 100%;min-height: auto;}
    .indfa-mix {position: static;padding: 40px 0 60px;}
    .indfa-cont{width: 100%;}
    .indxw-loop {height: 334px;}
    .indkq-code-li {margin-left: 30px;}
    .indkq-mix{display: block;}
    .indkq-cont{width: 100%;}
    .indkq-code{width: 100%;margin-top: 52px;}
    .indgy-num li h6 {font-size: 48px;}
    .indban .swiper-pagination {bottom: 20px;padding: 0 100px;}
    .indxw .indTitle{width: 100%;}
    .indxw-bm{width: 100%;margin-top: 16px;justify-content: space-between;flex-direction: row-reverse;}
    .indkq .indxw-bm{justify-content: flex-start;flex-direction: row;}
    .indcploop-link-cont h2{font-size: 20px}
    .indcploop-link-cont p{margin: 15px 0}
    .indcploop-link-cont{padding: 20px 15px}
    .indcploop .indMore{margin-top: 30px}
    .indxw-link-img{height:270px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;min-height: auto;}
    .indban-cont h2 {font-size: 24px;}
    .indban-cont img {margin-top: 18px;}
    .indban-cont p {margin-top: 18px;line-height: 24px;}
    .indban .swiper-pagination {bottom: 20px;padding: 0;text-align: center;}
    .indban .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 6px !important;}
    .indcp {padding-top: 40px;}
    .indTitle h2 {font-size: 24px;margin-bottom: 12px;}
    .indcploop {padding: 28px 0 40px;}
    .indcploop-prev{left: 0;}
    .indcploop-next{right: 0;}
    .indcploop-prev, .indcploop-next {display: none;border-width: 2px;width: 36px;height: 36px;margin-top: -72px;background-position: left 11px center;}
    @keyframes indcpArr{0%{background-position: left 11px center;}60%{background-position: 50px center;}60.0001%{background-position: -50px center;}100%{background-position: left 11px center;}}
    .indcploop-items {padding: 0;}
    .indcploop-link-img img{max-height: 100%;object-fit: cover;width: auto;max-width: 100%;}
    .indcploop-link-cont h2 {font-size: 18px}
    .indcploop-link-cont p {line-height: 24px;height: 48px;margin: 10px 0}
    .indMore {width: 140px;height: 42px;}
	.indfa-cont .indMore{margin: 44px auto 0;}
    .indcploop .indMore {margin-top: 22px;}
    .indcploop .contain-1520 {height: 500px;}
    .indfa-mix {padding: 28px 0 40px;}
    .indfa-link a:hover p {font-size: 18px;}
    .indfa-link a::after{display: none;}
.indfa-link a:last-child{width:100%}
    .indfa-link {margin: 16px 0 28px;}
    .indxw {padding: 40px 0;}
    .indxw-btn>div{width: 42px;height: 42px;}
    .indxw-btn {margin-right: 24px;}
    .indxw-link-img img{height: 220px;}
    .indxw-loop {height: 310px;margin-top: 32px;}
    .indxw-link-date span {font-size: 28px;}
    .indxw-link-date{width: 68px;height: 90px;}
    .indxw-link-cont h2 {font-size: 18px;line-height: 26px;height: 52px;}
    .indxw-link-cont {width: calc(100% - 68px);padding: 0 20px;height: 90px;}
    .indgy {padding: 40px 0;}
    .indgy-num li{width: 50%;}
    .indgy-num li:nth-child(n+3){margin-top: 20px;}
    .indgy-num li:nth-child(2n):after{display: none;}
    .indgy-num li h6 {font-size: 36px;}
    .indgy-num li p {line-height: 22px;}
    .indgy-num {margin-top: 32px;}
    .indgy .indMore {margin-top: 36px;}
    .indkq {padding: 40px 0;}
    .indkq-mix {margin-top: 28px;}
    .indkq-cont-list li {margin-top: 10px;}
    .indkq-cont-more {width: 140px;height: 42px;font-size: 16px;margin-top: 24px; display:none}
.msg-main11{width:100%; margin-top:34px;}
    .indkq-code {margin-top: 36px;}
    .indkq-code-li {margin-left: 24px;}
    .indkq-code-li img {width: 120px;height: 120px;}
    .indcploop .swiper-pagination{display: block;bottom: 0;}
    .indcploop .swiper-pagination-bullet {width: 10px;height: 10px;background: #000;;}
    .indcploop .swiper-pagination-bullet-active {background: #3aabe8;}
    .indcploop .swiper-wrapper{padding-bottom: 32px;}
    .indgy .indTitle p{text-align: justify;text-justify: distribute;font-size:14px;line-height:24px}
    @keyframes indbanUp{0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}
    .indkq-cont-list li i {display: block;}
    .indxw-link-img{height:220px}
}

.clear, .cl {
    clear: both;
}

/*赴俄指引*/
.guide{max-width: 100%;height: auto;overflow: hidden;margin:0px auto;}
.guide_t{max-width: 100%; background: #f1f1f1;position: relative;overflow: hidden; }
.guide_t ul li{width: 25%; background: #f1f1f1;float: left;text-align: center;overflow: hidden;cursor: pointer;padding:25px 0;}
.guide_t ul li a { display:block; border-right:#999 1px solid;}
.guide_t ul li.last a{ border-right:0;}
.guide_t ul li a h1{font-weight: normal;font-size: 24px;color: #0280fb;text-align: center; padding-bottom:10px; line-height:1;}
.guide_t ul li a p{font-size: 26px;color: #2966cb;text-align: center;margin-top:0px; font-weight:900;}
.guide_t ul li.guide_t1{background: #0280fb;}
.guide_t ul li.guide_t1 a h1{color: #fff;}
.guide_t ul li.guide_t1 a p{color: #bde4ec;}
.guide_t ul li:hover{background: #0280fb;}
.guide_t ul li:hover a h1{color:#fff;}
.guide_t ul li:hover a p{color:#fff;}

.topCon {
    width: 1200px; max-width:100%;
    margin: 30px auto; overflow: hidden;
}
.fl, .l {
    float: left;
}

.fr, .r {
    float: right;
}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.mconys_title{width:100%;background: url('../img/ys.jpg') no-repeat center 0; height:167px;  }
.mconys{width: 100%; padding:60px 0; background:#efefef}
.mys100{margin-top: 100px;}
.mys_01{width:550px;}
.mys_01 img{width: 550px;}
.mys_02{float:left; width: 500px;}
.mys_03{float:right; width:595px;}
.mys_t{display:block; color:#171717; font-size:18px; height:85px;}
.mys_t h2{float:left;width:60px; height:75px; line-height:65px;background:url('../img/ys_t.png') no-repeat center 0; text-align:center;
 color:#fff; font-size:30px;}
.mys_t p{float:left; width:450px; background:url('../img/ys_line.jpg') no-repeat 0 bottom;  height:85px;
		 margin-left:15px; color:#000; font-size:25px; line-height:35px; } 
.mys_t p strong{display:block;color:#2966cb; font-size:25px;padding-top:0px;}
.mys_c{display:block;padding-top:40px;margin-left:70px;}
.mys_c p{display:block; background:url('../img/ys_p.png?t=1') no-repeat 0 8px; font-size:15px; color:#000; line-height:30px;
		padding:0px 0 10px 25px; }

.mcon5{  background: #f2f2f2;margin:10px auto; padding:30px 0;}
.mcon5_t{float:left; width:100%; background: url('../img/m_tit02.png') no-repeat center center; height: 90px; text-align:center; line-height: 40px;}
.mcon5_t p{display:block;color: #0280fb;font-size: 35px;padding-top: 5px;}
.mcon5_t p span{color: #2966cb; }
.mcon5_t b{display:block;color: #777878;font-size: 18px; font-weight: 400;}
.xc1L {margin:0 auto;   ; position: relative; }
.xcbox {  margin:0 auto;  }
.xcbox ul li {text-align: center; float: left; width:257px;padding-top:15px; margin-right:24px; font-size: 14px; text-align:center;}
.xcbox ul li.last{ margin-right:0; float:right;}
.xcbox ul li .img { margin-bottom:8px; display:block;border:1px #ccc solid; padding:5px 5px;background: #fff; transition: all 0.5s;}
.xcbox ul li .img  img{ width:100%; height:160px;}
.xcbox ul li:hover .img {transform: rotateY(180deg); border:1px #0280fb solid; }
.xcbox ul li a{ display:block;}
.xcpng1 { position: absolute; left:0px; top:50px; z-index: 1; cursor: pointer; height:50px; width:35px;color:#0280fb;
			 line-height:50px; text-align:center; font-size:58px;font-family:宋体; font-weight: 700;}
.xcpng2 { position: absolute; right:0px; top:50px; z-index:1; cursor: pointer;  height:50px; width:35px;color:#0280fb; 
 		line-height:50px; text-align:center; font-size:58px;font-family:宋体;font-weight: 700;}
.xcpng1:hover,.xcpng2:hover{color: #2966cb;}

.mcon6_t{float:left; width:100%; background: url('../img/m_tit03.png') no-repeat center center; height: 90px; text-align:center; line-height: 40px;}
.mcon6_t p{display:block;color: #0280fb;font-size: 35px;padding-top: 5px;}
.mcon6_t p span{color: #2966cb; }
.mcon6_t b{display:block;color: #777878;font-size: 18px; font-weight: 400;}

.khcL {margin:0 auto; width:1100px; position: relative;overflow: hidden;}
.witn01{height:380px; width: 920px; margin:30px auto 0; overflow: hidden;}
.witn01 dl{ float:left;width:190px;margin:0px 20px; height:315px; position: relative;}
.witn01 dl:hover{ }
.witn01 a{color:#212020;}
.witn01 a:hover {color:#fff;}
.witn01 dl dt{display:block;width:130px;height:130px;text-align:center; margin:0 auto;overflow:hidden;position: absolute; top:0; left:30px; z-index: 2;}
.witn01 dl dt .img1{ width:124px; height:124px;display:inline;overflow: hidden;transition: all 0.5s ease 0s; border-radius:50%;border:3px #cccdce solid;}
.witn01 dl:hover .img1{border-radius:50%; border:3px #0280fb solid; transform: translateY(10px);}
.witn01 dl dd {width:186px; height: 246px; margin:0 auto; line-height:30px; position: absolute; top:65px; left:0;
				border:2px #c9cacb solid;}
.witn01 dl:hover dd{background:#0280fb;border:2px #0280fb solid;}
.witn01 dl dd strong{display:block; text-align:center; font-size:16px;padding-top:80px;}
.witn01 dl dd p{display:block; width:160px; font-size:14px; padding:5px 12px 5px 13px; }
.witpng1 { position: absolute; left:0px; top:150px; z-index: 1; cursor: pointer; background: url(img/btn1.png) no-repeat 0 0; height:70px; width:38px; }
.witpng1:hover{background: url(img/btn1.png) no-repeat right 0;}
.witpng2 { position: absolute; right:0px; top:150px; z-index: 1; cursor: pointer; height:70px; width:38px; background: url(img/btn2.png) no-repeat 0 0; } 
.witpng2:hover{background: url(img/btn2.png) no-repeat right 0;}

.mcon7{width:100%; background: url('img/m_05.jpg') no-repeat center bottom; height: 360px;}
.mcon7_01{float: left;width: 290px; height: 358px; border:1px #0379ed solid; border-bottom: none;}
.mcon7_01 img{width: 290px; height: 358px;}
.mcon7_02{float: left; width:510px; margin-left: 20px;  }
.mcon7_02_t{display: block; height:75px; line-height: 60px; font-size: 35px; color: #0280fb;}
.mcon7_02_t span{color: #dfdfdf;text-transform: uppercase;}
.mcon7_at{display: block; color: #fff; font-size:24px;line-height:60px;}
.mcon7_con{display: block;color: #fff; font-size: 15px; line-height: 30px;}
.mcon7_more{display: block;float:right; width:102px; height: 32px;line-height:30px; margin-top: 10px;}
.mcon7_more a{display: block;width:100px; height: 30px; border:1px #fff solid; text-align: center;font-size: 14px; color: #fff;}
.mcon7_more a:hover{background: #fff;color: #0280fb;}
.mcon7_03{float: right; width:230px;}
.mcon7_03_t{display: block;height: 55px;color: #fff; font-size: 24px; margin-top:70px; line-height:25px;}
.mcon7_03_t span{display: block; text-transform: uppercase;font-size: 16px;}

.mcon2{width:100%; background: #fff;margin:30px auto 0; padding:10px 0 35px 0; }

.main   {width:100%;margin:0 auto;line-height:20px;}
 
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.indexTop  {width:100%;margin:0 auto;line-height:20px;}
.indexLeft {float:left;width:252px;line-height:20px; margin:20px 0;}
.indexLeft1 {float:left;width:252px;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:10px 0px 0px 0px;}
.indexCenter {width:1100px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexCenter table {line-height:20px;}
.indexCenter2{width:1100px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexRight  {float:right;width:816px; margin:20px 0;}
.indexRight1 {float:right;width:816px;line-height:20px;padding:5px 0px 0px 0px;}
.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}



/* 产品中心 */
.prod{padding:66px 0 108px;overflow:unset}
.prod-cell{display:flex;justify-content:space-between;height:100%}
.prod-side{width:263px;height:100%;position:sticky;top:90px;z-index:2}
.prod-side.fixed{position:sticky;top:90px}
.prod-side-tit{background:#29abdc url(img/prod-side-bg.png) no-repeat right;height:78px;color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;padding:0 32px;z-index:1}
.prod-side-child li,.prod-side-item{position:relative}
.prod-side i{display:block;width:60px;height:60px;position:absolute;right:0;top:0;cursor:pointer;transition:all .4s ease}
.prod-side .side-2 i{width:35px;height:35px;position:relative}
.prod-side .side-2:hover{color:#0ea2d9}
.prod-side i:after{content:'';left:50%;background:url(img/arr-r.png) no-repeat center/100%;width:5px;height:10px;top:50%;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease}
.prod-side i:hover{background-color:#e6e6e6}
.prod-side .on1 .side-1+i:after{background:url(img/arr-b.png) no-repeat center/100%;transform:translate(-50%,-50%) rotate(90deg)}
.prod-side .on2 .side-2 i:after{background:url(img/arr-b.png) no-repeat center/100%}
.prod-side-list{border:1px solid #e6e6e6;border-top:0;overflow:auto;max-height:calc(85vh - 78px)}
.prod-side-list::-webkit-scrollbar{width:2px;height:100%;background:#ddd}
.prod-side-list::-webkit-scrollbar-thumb{background:#29abdc;border-radius:30px}
.prod-side-list::-webkit-scrollbar-track{border-radius:30px}
.prod-side-item:not(:first-child){border-top:1px solid #e6e6e6}
.side-1{padding:0 18px 0 22px;height:60px;display:flex;justify-content:space-between;align-items:center;font-size:18px;color:#444;transition:all .4s ease;background-color:#fff}
.prod-side .active .side-1,.prod-side .on1 .side-1{color:#099ed6}
.side-2{padding:0 12px 0 38px;font-size:14px;color:#757575;height:35px;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease}
.side-2+i{height:50px}
.prod-side .on2 .side-2,.prod-side .prod-side-item2.active .side-2{color:#099ed6}
.prod-side-child{background:#f8f8f8;display:none;border-top:1px solid #e6e6e6;padding:15px 0}
.prod-main{width:76%}
.prod-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:38px;background-color:#f7f7f7;height:77px;padding-right:24px}
.prod-nav.lft{justify-content: flex-start}
.prod-nav.lft .com-nav-rgt{margin-left: auto}
.prod-nav.lft .download-search{margin-left: 38px}
.prod-nav .com-nav-rgt a+a{margin-left:8px}
.prod-nav:after{content:'';width:3px;height:23%;position:absolute;left:0;top:50%;background-color:#29abdc;transform:translateY(-50%)}
.prod-tit{font-size:22px;color:#17aae0;padding-left:22px}
.prod-txt p{font-size:16px;color:#888;line-height:30px}
.prod-txt h2+p{margin-top:22px}
.prod-nav-nav{margin-left:20px;font-size:0;display:flex;align-items:center;height:100%}
.prod-nav-nav a{font-size:16px;line-height:1;color:#999;display:flex;align-items:center;height:100%;position:relative;transition:color .4s ease}
.prod-nav-nav a:hover,.prod-nav-nav a.active{color:#17aae0}
.prod-nav-nav a:hover:after,.prod-nav-nav a.active:after{opacity:1}
.prod-nav-nav a:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #17aae0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:opacity .4s ease;opacity:0}
.prod-nav-nav a+a{margin-left:30px}
.prod-table{margin-top:40px}
.prod-table table{width:100%;border-collapse:inherit;border-spacing:1px}
.prod-table th{color:#fff;background-color:#47c3f1;font-weight:400;padding:14px 10px}
.prod-table td{background-color:#f7f7f7;text-align:center;font-size:14px;color:#888;transition:all .4s ease;padding:10px}
.prod-table td:nth-child(1){background-color:#30b3e4!important;color:#fff}
.prod-table th:first-child{border-top-left-radius:15px}
.prod-table th:last-child{border-top-right-radius:15px}
.prod-table tbody tr:last-child td:first-child{border-bottom-left-radius:15px}
.prod-table tbody tr:last-child td:last-child{border-bottom-right-radius:15px}
.table-btn{display:block;width:34px;height:34px;position:relative;border-radius:50%;transition:all .4s ease;background-color:transparent;margin:0 auto}
.table-btn img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease}
.prod-table tbody tr:hover .table-btn img:nth-child(1),.table-btn img:nth-child(2){opacity:0}
.prod-table tbody tr:hover td:nth-child(1){background-color:#099ed6!important;color:#fff}
.prod-table tbody tr:hover td{background-color:#e8f5f9;color:#0ea2d9}
.prod-table tbody tr:hover .table-btn{background-color:#099ed6}
.prod-table tbody tr:hover .table-btn img:nth-child(2){opacity:1}
.menu-icon{user-select:none;position:fixed;width:32px;height:32px;text-align:center;background-color:#fff;z-index:2;border-radius:2px;display:none;border:1px solid #099ed6}
.menu-icon span{width:20px;height:2px;background:#099ed6;display:block;position:relative;margin:15px auto 0;transition:all .2s linear}
.menu-icon span:after,.menu-icon span:before{content:"";position:absolute;height:2px;background:#099ed6;display:block;left:0;width:100%;transition:all .2s linear}
.menu-icon span:before{top:-6px}
.menu-icon span:after{top:6px}
.menu-icon.on span:after,.menu-icon.on span:before{top:0}
.prod-table-tip{display:none;font-size:12px;margin-top:10px}
.prod-son-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}
.prod-son-list:after{content:'';width:32%}
.prod-son-list a{width:32%;display:flex;align-items:center;font-size:18px;color:#999;margin-top:14px;line-height:1;transition:color .4s ease}
.prod-son-list a:hover{color:#17aae0}
.prod-son-list a i{display:block;width:18px;height:18px;background:url(img/arrR-gray.svg) no-repeat center/12px;border-radius:50%;border:1px solid #c9c9c9;margin-right:10px;transition:all .4s ease}
.prod-son-list a:hover i{background-image:url(img/arrRW.svg);background-color:#17aae0;border-color:#17aae0}
/* 新-表格 */
.prod-main.prod-main-list .prod-newtable{margin-top:46px}
.prod-newtable table{width:100%}
.prod-newtable tbody td,.prod-newtable tbody th{border-top:1px solid #fff;padding:10px;font-size:16px;text-align:center;color:#888;border-right:1px solid #fff;height:60px}
.prod-newtable tbody th{color:#c9a062;font-weight:400}
.prod-newtable tbody tr:nth-child(even),.prod-newtable tbody tr:nth-child(even) th{background-color:#f8f8f8}
.prod-newtable tbody tr:nth-child(odd),.prod-newtable tbody tr:nth-child(odd) th{background-color:#f2f2f2}
.prod-newtable thead td,.prod-newtable thead th{padding:10px;min-width:80px;background-color:#30b3e4;color:#fff;font-weight:400;font-size:16px;border-right:1px solid #fff}
.prod-newtable tbody td:last-child,.prod-newtable thead th:last-child{border-right:0}
.prod-newtable th:nth-child(1){position:absolute;left:0;width:184px;padding:0;display:flex;justify-content:center;align-items:center}
.prod-newtable .outer{position:relative}
.prod-newtable .inner{overflow-x:scroll;overflow-y:visible;margin-left:184px;scrollbar-width:none;-ms-overflow-style:none}
.prod-newtable .inner::-webkit-scrollbar{display:none}
.prod-newtable .inner-scroll{overflow-x:auto;width:calc(100% - 182px);margin-left:auto;padding-left:182px;height:9px;border-left:1px solid #e3e3e3;scrollbar-color:#29abdc #fff;scrollbar-width:thin}
.prod-newtable .inner-scroll-sub{width:100%;display:block;height:9px}
.prod-newtable .prod-table-bott{border:1px solid #e3e3e3}
.prod-newtable .inner-scroll::-webkit-scrollbar{width:100%;height:9px;background:0 0}
.prod-newtable .inner-scroll::-webkit-scrollbar-thumb{background:#29abdc;border-radius:30px}
.prod-newtable .inner-scroll::-webkit-scrollbar-track{border-radius:30px}
.prod-newtable h2+.outer.main{margin-top:18px}
.prod-newtable-header{background:#dbdbdb;padding:8px 12px;display:flex;justify-content:flex-end}
.prod-newtable-header a{display:inline-flex;align-items:center;line-height:1;color:#8a8a8a;font-size:14px}
.prod-newtable-header a i{display:block;background:url(img/full-icon.png) no-repeat center/100%;width:14px;height:14px;margin-right:5px}
.prod-newtable-pop{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:99999;display:none}
.prod-newtable-pop .bg-hover{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:99991}
.prod-newtable-pop .prod-newtable{width:95%;z-index:99992;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;background:#fff;max-height:95%;overflow-x:auto;margin:0!important}
.prod-newtable-pop .prod-newtable-header{position:sticky;width:100%;left:0;top:0;z-index:2}
.prod-cell-item{padding-top:34px;border-top:1px solid #ebebeb}
.prod-highlights{margin-top:35px}
.prod-highlights ul{background:#f8f8f8;display:flex;flex-wrap:wrap;justify-content:space-between;padding:18px 30px 38px;margin-top:16px}
.prod-highlights ul:after{content:'';width:50%}
.prod-highlights li{display:flex;width:50%;margin-top:19px}
.prod-highlights li span{color:#999;font-size:14px;width:95%;padding-left:6px;padding-right:10px;line-height:20px}
.prod-typical{margin-top:27px}
.prod-typical ul{display:flex;flex-wrap:wrap}
.prod-typical li{width:20%;text-align:center;margin-top:10px}
.prod-typical picture{display:flex;justify-content:center;align-items:flex-end;height:91px}
.prod-typical picture img{max-width:100%;max-height:100%;width:auto;height:auto}
.prod-typical li p{font-size:16px;color:#999;margin-top:10px}
.prod-features{margin-top:34px}
.prod-features .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-8px}
.prod-features .list:after{content:'';width:32%}
.prod-features .item{width:32%;margin-top:44px}
.prod-features .item h3{color:#1299cb;font-size:20px;line-height:1;margin-bottom:16px}
.prod-features .item p{font-size:14px;line-height:28px;color:#888;padding-left:10px;position:relative}
.prod-features .item p:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;top:12px;background:#888;left:0}
.prod-modelPic{margin-top:50px}
.prod-modelPic picture{width:100%;display:block;margin-top:12px}
.prod-modelPic picture img{max-width:100%;object-fit:cover}
.prod-modelTable{margin-top:55px}
.prod-modelTable .prod-newtable{margin-top:30px}
.prod-modelTable h2+.prod-modelTable{margin-top:30px}
.prod-newtable.style2{border-radius:20px;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0}
.prod-newtable.style2 th:nth-child(1){width:126px;padding:0;display:flex;align-items:center;justify-content:center}
.prod-newtable.style2 .inner{margin-left:126px}
.prod-newtable.style2 .inner-scroll{width:calc(100% - 124px);padding-left:124px}
.prod-newtable.style2 tbody td,.prod-newtable.style2 tbody th,.prod-newtable.style2 thead td,.prod-newtable.style2 thead th{font-size:13px;padding:10px 7px;min-width:unset;width:auto}
.prod-newtable.style2 tbody th{color:#666;padding-left:11px;text-align:left}
.prod-newtable.style2 thead th:first-of-type{text-align:left;padding-left:16px}
.prod-doc{margin-top:44px}
.prod-doc h2+.download{margin-top:24px}
.prod-doc h2:not(:first-of-type){padding-top:46px;border-top:1px solid #ebebeb}

/* 详情 */
.prod-info{display:flex;justify-content:space-between;align-items: center}
.prod-info .prod-txt{width:68%}
.prod-main h2{font-size:25px;line-height:1;font-weight:700;color:#555}
.prod-img{width:26%;display:flex;align-items:center;justify-content:center;border:1px solid #efefef;border-radius:20px;height:235px;box-shadow:6px 8px 40px 0 rgba(0,0,0,.07)}
.prod-img img{max-width:80%;object-fit:cover}
.prod-detail{margin-top:40px;border-radius:10px;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.prod-detail-menu{background-color:#47c3f1;height:66px;display:flex;align-items:center}
.prod-detail-menu a{padding:0 35px;font-size:18px;color:#fff;height:100%;display:flex;align-items:center;transition:all .4s ease}
.prod-detail-menu a:not(.active):hover{opacity:.7}
.prod-detail-menu a.active{background-color:#21a9db}
.prod-detail-item{padding:30px 26px;background-color:#fff}
.prod-detail .prod-table{margin:0;overflow:auto}
.prod-detail .prod-table td,.prod-detail .prod-table th{border-radius:0!important}
.prod-detail .prod-table th{padding:6px;font-size:13px}
.prod-detail .prod-table th:nth-child(1){text-align:left}
.prod-detail .prod-table td{font-size:13px;padding:16px 6px}
.prod-detail .prod-table tbody tr:nth-child(odd) td{background-color:#f2f2f2}
.prod-detail .prod-table tbody tr:nth-child(even) tr{background-color:#f8f8f8}
.prod-detail-item:not(:nth-child(1)){display:none}
.prod-content p{font-size:15px;line-height:30px;color:#888}
.prod-device img{max-width:100%;object-fit:cover}
/* 解决方案 */
.solution-side-child{background:#f8f8f8;padding:10px 0;border-top:1px solid #e6e6e6;display:none}
.solution-side-child li a{color:#757575;transition:all .4s ease;display:block;line-height:34px;font-size:14px;padding:0 22px 0 38px}
.solution-side-child li a:hover,.solution-side-child li a.active{color:#099ed6}
.solution-txt p{font-size:16px;line-height:28px;color:#888}
.solution-tit,.solution-txt h3{color:#47c3f1;font-size:18px;line-height:34px;margin-top: 28px;}
.solution-txt li{position:relative;font-size:16px;line-height:28px;color:#888;padding-left:18px}
.solution-txt li a{text-decoration: underline;}
.solution-txt li+li{margin-top: 5px}
.solution-txt li a:hover{color:#099ed6;font-weight:700;}
.solution-txt ul{margin-top: 6px}
.solution-txt li:after{content:'';width:10px;height:10px;border:2px solid #47c3f1;background:0 0;position:absolute;left:0;top:10px;border-radius:50%}
.solution-list{margin-top:-6px;display:flex;flex-wrap:wrap;justify-content:space-between}
.solution-list:after{content:'';width:31.5%}
.solution-list li{width:31.5%;display:block;margin-bottom:40px;box-shadow:4px 8px 73px 0 rgba(0,0,0,.1);overflow:hidden;border-radius:20px;transition:all .4s ease}
/*.solution-list li:hover{box-shadow:4px 8px 73px 0 rgba(71,195,241,.5)}*/
.solution-pic{overflow:hidden}
.solution-pic img{width:100%;height:100%;object-fit:cover;transition:all .6s ease}
/*.solution-list li:hover img{transform:scale(1.1)}*/
.solution-info{padding:20px;background:#fff}
.solution-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#666;text-align:center}
/*.solution-list li:hover h3{font-weight:700;color:#29abdc}*/
.solution-img{width:100%;display:flex;justify-content:center;border:1px solid #eaeaea;border-radius:10px;box-shadow:8px 14px 18px 0 rgba(0,0,0,.04);align-items:center;margin-top:48px}
.solution-img img{max-width:100%;object-fit:cover}
.solution-ul h3{font-size:30px;font-weight:700;color:#30b3e4;text-align:center}
.solution-ul{margin-top:55px}
.solution-ul ul{display:flex;flex-wrap:wrap;margin-top:40px;justify-content:space-between}
.solution-ul li{width:48.5%;padding:22px 0 22px 15px;border-bottom:1px dashed #e0e0e0;position:relative;font-size:16px;color:#777}
.solution-ul li:after{content:'';width:5px;height:5px;border:3px solid #37b6e5;border-radius:50%;position:absolute;left:0;top:32px}
.download.solution-detail{margin-top:55px}
.download-btn{margin-top:50px;display:flex;justify-content:center}
.download-btn a{font-weight:700;width:184px;height:50px}
.download-btn a+a{margin-left:14px}
.solution-tip{padding-top:25px;margin-top:20px;border-top:1px solid #ededed;font-size:18px;color:#29abdc;font-weight:700}
.solution-cell-l{width:45%}
.solution-cell{display:flex;justify-content:space-between}
.solution-cell-r{height:370px;width:52%;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;border:1px solid #ececec;background:url(img/solution-bg.jpg) no-repeat center/cover}
.solution-cell-r img{max-width:70%;max-height:70%;overflow:hidden;width: auto;height: auto}
.support-tit{font-size:28px;font-weight:700;color:#29abdc;text-align:center}
.support-img{display:flex;height:525px;border-radius:20px;margin-top:30px;overflow:hidden;background:url(img/support-bg.jpg) no-repeat center/cover;align-items:center;justify-content:center}
.support-img img{max-width:90%;max-height:90%;object-fit:cover}
.prod-nav-l{display:flex;align-items:center}
.solution-qs li{padding:26px 0;border-bottom:1px solid #eee}
.solution-qs li:first-of-type{
    padding-top: 0;
}
.solution-qs-tit{display:flex;align-items:center;cursor:pointer}
.solution-qs-tit h3{font-size:18px;font-weight:500;color:#444;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding-left:22px}
.solution-qs-tit.active h3{font-weight:700;color:#29abdc}
.solution-qs-tit h3:after{content:'';width:11px;height:11px;border-radius:50%;border:2px solid #5dc8e5;position:absolute;left:0;top:6px}
.solution-qs-tit i{display:block;margin-left:auto;background:#c2c2c2 url(img/plus.png) no-repeat center/16px 16px;width:36px;height:36px;border-radius:50%;transition:all .4s ease}
.solution-qs-tit.active i{transform:rotate(45deg);background-color:#47c3f1}
.solution-qs-cont{padding:10px 60px 10px 22px;display:none}
.solution-qs-cont p{font-size:15px;line-height:30px;color:#888}
.solution-qs .pagination{margin-top:50px}
.solution-support-email{
    margin-top: 16px;
}
.solution-support-email a{
    display: flex;
    align-items: center;
    color: #30b3e4;
    line-height: 1;
    font-size: 20px;
}
.solution-support-email a i{
    display: block;
    background: url("img/email-icon.png")no-repeat center /100%;
    width: 23px;
    height: 18px;
    margin-right: 14px;
}
.solution-dev-nav{
    display: flex;
    font-size: 0;
    margin-bottom: 32px;
}
.solution-dev-nav a{
    height: 43px;
    display: inline-flex;
    align-items: center;
    padding: 0 18px;
    background: #e5f4f9;
    transition: all .4s ease;
    line-height: 1;
    color: #0a9dd3;
    font-size: 16px;
    border-radius: 4px;
}
.solution-dev-nav a+a{
    margin-left: 13px;
}
.solution-dev-nav a:hover,.solution-dev-nav a.active{
    background: #17aae0;
    color: #fff;
}
.solution-dev-down-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.solution-dev-down h2:not(:first-of-type){
    padding: 0;
    border:0;
}
.solution-dev-down tr:last-of-type td{
    border-bottom: 1px dashed #d1d1d1;
}


@media all and (max-width:640px) {
    .guide_t ul li a h1{font-size:12px;}
    .guide_t ul li a p{font-size:16px;}
    .prod-side{display:none}
    .prod-main{width:100%}
    .topCon {max-width:94%;}
    .mys_01{float:none;width:auto;}
    .mys_t p{ font-size: 14px;;width:auto;}
    .mys_t p strong{font-size:16px;}
    .mys_c{margin:0;padding:0;}
    .mconys{padding:30px 0}
    .prod{padding:30px 0 0 0;}
    .indTitle p{font-size:14px;}
    .mys_01 img{width:100%}
}